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图 灵 社 区 的 电子 书 没有 采用 专 有 客 
户 端 ， 您 可 以 在 任意 设备 上 ， 本 
己 喜 欢 的 浏览 器 和 PDF 阅读 器 进 
阅读 。 

但 您 购买 的 电子 书 仅 供 您 个 人 使 
用 ， 未 经 授权 ， 不 得 进行 传播 。 
我 们 愿意 相信 读者 具有 这 样 的 民 知 
和 咒 悟 ， 与 我 们 共同 保护 知识 产 
权 。 

如 果 购 买 者 有 侵权 行为 ， 我 们 可 能 
对 该 用 户 实 施 包 括 但 不 限于 关闭 该 
帐号 等 维权 措施 ， 并 可 能 退 究 法 律 
责任 。 
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纽约 大 学 Tisch 艺 术 学 院 助 理 艺 术 教 授 ， 

Nature of Code 便 是 其 主讲 课程 之 一 。 多 年 
来 ， 他 一 直 用 Processing 这 门 艺 术 家 友好 型 
开源 语言 开发 教程 、 教 学 示例 和 代码 库 ， 拥 
有 丰富 的 算法 和 应 用 教学 经 验 。 另 外 ， 其 车 
作 Learning Processing: A Beginner s Guide to 
Programming JImages, Animation, and 
mleractioz 亦 广 受 读者 好 评 。 更 多 信息 请 访 


问 shiffman.net 和 natureofcode.com。 





高 级 软件 工程 师 ， 毕 业 于 华中 科技 大 学 ， 主 
要 兴趣 集中 在 移动 应 用 和 手机 游戏 方面 ， 现 
就 职 于 某 互 联网 公司 从 事 手 游 开 发 。 
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内 容 提 要 
本 书 由 纽约 大 学 Nature of Code 课程 老师 Daniel Shifftman 写 就 ， 是 一 本 借助 开源 语言 Processing 全 面 介 
绍 如 何 用 代码 模拟 目 然 世界 的 学 习 指 丙 。 作 者 从 模拟 无 生命 物体 、 活 物 、 智 能 系统 三 个 层面 ， 从 手工 编写 
Processing 代码 到 使 用 现 有 的 物理 函数 库 模拟 高 级 而 复杂 的 行为 ， 利 用 有 趣 的 事例 渐进 式 介绍 了 算法 和 模拟 
方面 的 高 级 编程 策略 和 技术 。 主 要 内 容 涉及 癌 量 、 力 、 粒 子 系统 、 三 角 国 数 、 自 治 智能 体 、 细 胞 自动 机 、 分 形 、 
遗传 算法 和 人 工 神经 网 络 。 
本 书 适合 游戏 设计 师 、 好 学 的 程序 员 、 物 理学 爱好 者 及 所 有 对 计算 机 模拟 和 互动 编程 感 兴趣 的 人 学 习 
游 。 
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本 书 中 文 简体 字 版 由 Daniel Shiffman 授权 人 民 邮 电 出 版 社 独家 出 版 。 未 经 出 版 者 书面 许可 ， 
不 得 以 任何 方式 复制 或 抄 装 本 书 内 容 。 
版 权 所 有 ， 侵 权 必 究 。 





献 给 我 的 祖母 一 一 Bella Manel Greenfield (1915 年 10 月 13 日 一 2010 年 4 月 3 日 )。 





Bella Manel 出 生 在 纽约 市 ， 是 一 位 数学 领域 的 女性 先驱 ， 她 于 1939 年 在 纽约 大 学 获得 博 
士 学 位 ， 师 从 理 查 德 . 柯 朗 "。 她 曾 与 理 查 德 . 贝尔 曼 ?一 起 在 拉 莫 … 伍 尔 德里 奇 公司 ( 现在 的 
TRW ) 和 兰 德 公司 工作 。 之 后 ， 她 在 贝尔 蒙特 的 那 莫 尔 圣母 大 学 和 加 州 大 学 洛杉矶 分 校 任教 。 
1995 年， 纽约 大 学 的 柯 朋 研究 所 设立 了 Bella Manel 奖 ， 用 于 表彰 女性 和 少数 民族 人 士 的 杰出 
研究 工作 。 


QD 1888 年 1 月 8 日 一 1972 年 1 月 27 日， 德国 数学 家 ， 曾 在 纽约 大 学 担任 数学 教授 。 他 创建 了 数学 研究 组 织 并 且 做 
得 非常 成 功 ， 柯 表 数 学 研究 中 心 后 来 成 为 了 一 个 应 用 数学 研究 中 心 的 标 竺 。 一 一 编者 注 

@) 1920 年 8 月 26 日 一 1984 年 3 月 19 日 ,美国 数学 家 、 动 态 规 划 的 创始 人 ， 曾 在 兰 德 公司 工作 多 年 ( 并 在 此 期 间 
提出 了 动态 规划 )。 一 一 编者 注 
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我 们 在 这 个 行星 上 已 经 生活 了 数 十 年 , 虽然 不 一 定 对 这 个 世界 的 目 然 规律 有 深入 的 理解 , 但 
肯定 已 经 习以为常 。 例 如 在 足球 比赛 中 , 我 们 能 欣赏 到 美妙 的 曲线 任意 球 。 如 果 足 球 在 空中 突然 
直角 转向 ， 我 们 一 定 会 党 得 很 “不 目 然 ”。 又 例如 ， 我 们 有 时 候 能 看 到 上 千 只 乌 集 体 飞 翔 , 它们 
并 不 是 乱 尺 一通， 而 是 按照 某 种 规律 组 成 不 断 变 形 的 群体 。 如 果 它 们 互相 碰撞 而 掉 下 来 ,我 们 很 
可 能 会 怀疑 它们 是 否 生病 ， 做 出 这 些 “ 不 目 然 ”的 行为 。 

充满 好 奇 心 的 人 们 ， 可 以 通过 和 学习 物 理学 、 化 学 、 生 物 学 等 学 科 去 了 解 各 种 自然 现象 。 但 
对 于 一 些 程序 员 、 艺 术 家 , 他 们 除了 乔 望 对 这 些 原理 有 所 了 解 ， 还 硕 望 能 在 作品 中 模仿 这 些 目 然 
现象 。 

模仿 、 模 拟 等 词汇 意味 着 我 们 并 不 是 要 完整 地 复制 日 然 世 界 , 而 是 通过 抽象 、 近 似 化 等 方式 ， 
获取 当中 我 们 认为 重要 的 特性 。 例 如 , 我 们 知道 水 是 由 水 分 子 所 组 成 , 但 肉眼 看 不 到 这 人 么 小 的 水 
分 于 ,更 常见 的 是 水 滴 、 容 侣 中 的 水 、 海 洋 每 。 要 模仿 淋浴 花 酒 的 水 流动 态 ， 我 们 可 考虑 以 水 滴 
为 单位 ,逐一 模拟 它们 以 某 初始 速度 射出 ,然后 受 地 心 引力 影响 而 产生 抛物 线 的 移动 路 径 。 但 要 
模仿 海洋 时 ,我们 可 能 更 关注 它 海 面 的 波浪 ， 而 不 是 海面 下 巨 量 浴 积 的 海水 。 在 此 情况 下 ,我 们 
可 能 会 模拟 海面 上 一 些 分 布点 的 和 琵 直 运动 ， 做 出 波浪 起 伏 的 效 采 。 

或 许 读者 ( 及 正在 考虑 阅读 本 书 的 人 ) 会 问 ,为 什么 要 用 软件 模拟 这 些 日 然 现 象 呢 ?” 抛 开 职 
业 、 和 学 业 上 的 需要 ,我 认为 最 简单 的 答案 是 ,用 程序 编写 这 些 现象 本 吴 就 是 很 有 趣 的 事情 。 编 程 
不 单 能 处 理 网 页 请 求 、 计 算账 目 、 储 存 数 据 ， 原 来 还 可 以 创造 出 语 含 目 然 现 象 的 虚拟 世界 ! 


若 以 职业 来 考虑 ， 游戏、 动画 、 电 影 特效 、 视 觉 艺术 等 行业 都 会 需要 这 方面 的 知识 。 例 如 在 
游戏 方面 , 由 于 许多 游戏 都 含有 一 个 虚拟 世界 , 这 些 自然 现象 的 模拟 技术 可 以 应 用 于 程序 式 建 模 
(如 地 形 、 植 物 ) 、 程 序 式 动画 ( 如 粒子 特效 、 云 层 变化 ) 、 游 戏 逻 辑 ( 如 刚体 物理 ) 、 人 工 智 
能 ( 如 非 玩家 角色 的 移动 ) 等 。 在 动画 方面 , 虽然 不 需要 能 互动 的 虚拟 世界 , 但 为 了 视觉 上 的 真 
实 性 也 需要 使 用 计算 机 实现 各 种 自然 现象 ,例如 为 了 制作 《冰雪 奇 缘 》, 迪士尼 与 加 州 大 学 洛 杉 
人 分 校 就 妍 究 出 一 种 模拟 雪 运 动 的 新 技术 。 

虽然 本 书 书 名 含 “代码 ”二 字 ， 却 并 不 是 只 有 程序 员 才 能 阅读 。 在 国内 游戏 行业 里 有 一 句 俗 
语 : “不 会 美术 的 程序 员 不 是 好 策划 。” 我 们 不 必 为 自己 的 知识 技能 设 限 。 刚 刚 在 2014 游戏 开 
发 者 大 会 ( 中国) 上, 前 同事 Ken Wong 就 道 出 自己 如 何 从 一 位 概念 美术 师 ( 参与 作品 《爱丽 丝 : 
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疯狂 回归 》) ,退隐 一 年 学 习 游戏 编程 及 思考 游戏 设计 ,然后 建立 团队 创作 出 获得 苹果 年 度 设计 
大 奖 的 《纪念 碑 谷 》。 

这 本 书 作 为 这 个 领域 的 入 门 书籍 ,使 用 了 简易 的 Processing 编程 语言 作为 例子 ， 非 专业 程序 
员 也 会 很 容易 理解 。 但 如 果 读 者 对 编程 真 的 完全 没有 概念 ， 可 以 先 读 一 些 Processing 入 门 书籍 。 
由 于 本 书 涉 狂 其 广 ， 厂 读本 书后 感到 意犹未尽 ， 除 了 可 再 读本 书 的 参考 文献 ，Texturing and 
Modelineg, Third Edition: 4 Procedural Approach 也 是 一 个 不 错 的 选择 。 

















叶 劲 峰 
游戏 程序 员 
2014 年 10 月 


致谢 


“我 们 周围 的 世界 以 一 种 复杂 而 精彩 的 方式 运作 着 。 在 生命 的 早期 ， 我 们 通过 感知 
和 互动 了 解 所 处 的 环境 。 我 们 期 望 周围 物理 世界 的 行为 方式 和 我 们 自身 的 感知 记忆 一 
致 。 比 如 ， 石 头 在 重力 的 作用 下 险 落 ， 风 能 把 更 轻 的 物体 吹 得 更 远 。 本 课程 的 主要 目的 
就 是 理解 和 模拟 物理 世界 的 运动 元 素 ,， 并 在 我 们 的 数字 模拟 世界 中 加 入 这 些 元 素 。 我 们 
的 目标 是 根据 用 户 对 物理 世界 的 感知 记忆 创建 直观 、 丰 富 且 令 人 满意 的 体验 。” 
James Tu， 动 态 物 体 课 程 描述 ，2003 年 春 ，ITP 





天 于 本 书 的 故事 


2003 年 , 作为 纽约 大 学 Tisch 学 院 ITP 课 程 ( 交互 通信 计划 ) 的 毕业 生 , 我 学 习 了 一 门 名 为 “ 动 
态 物 体 ” 的 课程 ,课程 讲师 是 ITP 的 兼职 教授 、 交 互 设计 师 James Tu。 这 门 课 的 内 容 是 一 系列 软 
件 实 验 ， 目的 是 产生 实时 的 “ 非 真实 ”图 像 。 课程 期 间 ， 我们 需要 根据 各 种 规则 获取 有 生命 物体 
的 图 像 并 填充 颜色 ， 而 且 让 它们 在 屏幕 上 移动 。 课 程 涵 盖 了 向 量 、 力 、 振 荡 、 粒 子 系统 、 递 归 、 
转 回 和 弹 竹 这 些 知 识 ， 它 们 和 我 的 工作 密切 相关 。 


我 经 常 在 项 目 中 用 到 上 述 概 念 ， 却 从 来 没有 仔细 人 研究 过 这 些 算法 背后 的 科学 原理 , 也 没有 用 
面 回 对 象 的 方法 规范 地 实现 它们 。 束 在 那个 学 期 , 我 还 选修 了 “衍生 艺术 系统 基础 ”( Foundations 
of Generative Art Systems ), 这 门 课 的 讲师 是 Philip Galanter, 他 的 研究 方向 主要 集中 在 衍生 艺术 的 
理论 和 实践 上 ， 洱 盖 混 沌 、 细 胞 目 动 机 、 遗 传 算法 、 神 经 网 络 和 分 形 等 话题 。Tu 和 Galanter 的 计 
程 使 我 在 模拟 算法 和 技术 上 有 了 很 大 提高 ， 为 我 之 后 的 教学 工作 融 来 了 很 大 帮助 。 同时， 这 两 门 
课程 也 是 本 书 的 基础 。 

但 本 故事 痛 后 还 隐藏 着 为 一 个 谜 题 。 

Galanter 的 课程 几乎 全 是 理论 ， 而 Tu 的 课程 使 用 的 是 Macromedia Director 和 Lingo 编 程 语言 。 
在 那个 学 期 ， 我 试看 将 很 多 算法 用 C++ 语言 实现 〈 那 时 候 还 没有 openFrameworks 和 Cinder 等 创意 
编程 环境 ， 因 此 我 在 用 尝 拙 的 方式 编写 C++ 代 但 )。 在 学 期 末 ， 我 发 现 卫 Processing 语 言 
( http://www.processing.org )。Processing 在 那 时 候 还 只 是 alpha 版 本 ( 版 本 0055 )。 由 于 我 有 一 是 的 
Java 经 验 ， 因 此 一 直 在 思考 : 能 否 用 这 门 对 艺术 家 友好 的 开源 语言 开发 一 套 编 程 和 模拟 的 教学 示 



























































V1ll 致 谢 





例 ? 在 ITP 和 Processing 社 区 的 帮助 下 ， 我 完成 了 这 件 事 。 这 8 年 来 ， 我 一 直 在 用 Processing 进 行 算 
法 和 应 用 教学 。 


首先 ， 我 要 感谢 ITP 的 创立 者 Red Burms， 在 这 10 年 里 ， 他 一 直 文 持 并 辟 励 着 我 ; 感谢 ITP 的 
主席 Dan O'Sullivan， 他 一 直 是 我 的 教学 导师 ， 也 是 第 一 个 建议 我 开 始 Processing 诛 程 教学 的 人 ， 
促使 我 整理 这 些 教学 资料 ; 感谢 Pro Android Media 的 作者 、 杰 出 的 开发 者 Shawn Van Every， 他 为 
我 提供 了 很 多 帮助 , 也 在 ITP 给 我 很 多 灵感 。 在 编写 本 书 的 过 程 中 , ITP 的 教员 Clay Shirky、Danny 
Rozin、Katherine Dillon、Marianne Petit、Marina Zurkow 和 Tom Igoe 给 了 我 很 多 建议 和 反馈 。 其 
他 ITP 同 傣 也 提供 了 很 多 帮助 , 他 们 是 : Brian Kim、Edward Gordon 、George Agudow 、John Duane、 
Marlon Evans、 Matt Berger、Megan Demares、Midori Yasuda 和 Rob Ryan。 


ITP 诛 程 教学 中 ， 还 有 举 不 胜 举 的 学 生 提 供 了 很 多 反馈 。 本 书 的 很 多 材料 都 源 目 我 的 同名 计 
程 ， 这 些 诛 程 我 已 经 教 了 5 年 。 在 本 书 的 编写 及 修订 过 程 中 , 我 拥有 了 一 操 写 满 注 释 的 打印 草 称 ， 
也 积累 了 许多 来 日 学 生 的 电子 邮件 ， 感 谢 他 们 的 点 评 、 纠 正 以 及 或 励 。 


我 还 要 感谢 Processing 社 区 中 的 程序 员 和 艺术 家 。 如 果 没 有 Processing 的 开发 者 Casey Reas 和 
Ben Fry， 我 不 会 编写 这 本 书 。 通 过 阅读 Processing 的 源 代码 ， 我 积累 了 许多 知识 。Processing 语 言 
的 答 清 用 法 ， 以 及 它 的 网 站 和 IDE 为 编程 提供 了 极 大 的 便利 ， 同 时 也 为 学 生 市 来 很 多 乐趣 。 除 此 
之 外 ， 我 还 从 许多 Processing 程 序 员 那里 得 到 数不胜数 的 建议 与 灵感 ， 他 们 是 : Andrés Colubri、 
Jer Thorp、 Marius Watz Karsten Schmidt Robert Hodgin Seb-Lee Delisle 以 及 Ira Greenberg。 Heather 
Dewey-Hagborg 为 本 书 的 第 10 章 〈 神 经 网 络 ) 提供 了 大 量 优秀 反馈 ;，Scott Murray 在 电子 邮件 中 提 
供 了 一 些 关 于 内 联 SVG 的 实用 建议 ; Golan Levin 提 供 了 很 多 文章 来 源 (可 用 于 阅读 扩展 )。 


我 还 要 感谢 本 书 的 编辑 Shannon Fry, 她 为 我 的 写作 过 程 提供 了 细心 周到 的 反馈 , 让 我 能 把 每 
一 章 完成 得 更 出 色 。 

特别 值得 一 提 的 是 Zannah Marsh， 她 不 知 疲倦 地 为 本 书 提供 了 很 多 插图 。 尤 其 要 感谢 她 的 耐 
心 工 作 ， 因 为 在 本 书 的 编写 过 程 中 ， 我 经 常 改变 插图 需求 。 我 也 想 感谢 David Wilson， 他 为 本 书 
设计 了 布局 和 封面 。 特 别 感谢 Steve Klise， 他 设计 并 开发 了 本 书 的 网 站 ， 帮 我 制定 了 PDF 版 “ 随 
意 支付 ”的 付费 模式 。 


我 在 前 言 中 会 提 到 ， 本 书 是 由 开源 出 版 系统 Magic Book 生 成 的 。Magic Book 是 由 ITP 的 开发 
者 、 设 计 师 和 艺术 家 组 成 的 团队 经 过 一 年 多 时 间 开 发 完成 的 。 本 书 的 各 种 格式 (HIML 、PDF 等 ) 
都 是 由 它 生 成 的 ， 而 Magic Book 的 输入 文件 仅仅 是 一 个 简单 的 ASCI 文 档 和 CSS 布 局 文件 。Magic 
Book 项 目 是 由 Rune Madsen 发 起 的 , 他 开发 了 初始 的 Ruby/Sinatra 框 架 。 如 有 果 没 有 Rune 的 贡献 ， 直 
至 2013 年 我 一 定 还 在 为 本 书 的 最 终 成 形 蔡 苗 挡 扎 。Steve Klise 为 Magic Book 修 复 了 很 多 错误 ， 并 
使 我 能 在 代码 块 中 加 入 注释 内 容 。Miguel Bermudez 、Evan Emolo 和 Luisa Pereira Hors 也 在 其 他 方 
面 做 出 许多 贡献 ， 他 们 研究 了 ASCIIDOC 和 CSS 分 页 媒体 的 来 龙 去 脉 。ITP 的 研究 人 员 Greg 
Borenstein 在 本 书 的 Web 出 版 和 打印 方面 提供 了 大 量 建议 和 支持 。Magic Book 使 用 Prince 引 擎 
( princexml.com ) 从 HTML 文 档 中 产生 PDF 文档 ， 因 此 我 要 感谢 PrinceXML 的 CEO Michael Day， 


















































他 〈 以 风 驰 电 掌 般 的 速度 ) 回答 了 我 的 很 多 问题 。 


最 后 ， 我 要 感谢 我 的 家 人 : 我 的 妻子 Aliki Caloyeras ， 她 一 直 在 支持 我 的 写作 ， 同 时 也 在 写 
日 己 的 大 部 头 图 书 ; 还 有 我 的 孩子 Elias 和 Olympia， 为 了 腾 出 更 多 时 间 陪 伴 他 们 ， 我 有 更 多 动力 
尽快 完成 本 书 。 我 还 要 感谢 我 的 父亲 Bernard Shifftman ， 他 慷慨 地 教会 了 我 很 多 数学 知识 ， 也 提 
供 了 很 多 关于 本 书 的 反馈 。 除 此 之 外 , 还 要 感谢 我 的 母亲 Doris Yaffe Shifftman 和 我 的 兄弟 Jonathan 
Shifftman， 他 们 经 常会 问 “ 你 的 书 进展 如 何 ”。 





Kickstarter 


还 有 一 个 组 织 使 本 书 的 出 版 变 为 可 能 : Kickstarter。 


2008 年 ， 我 完成 了 我 的 第 一 本 书 Learning Processing( Morgan Kaufmann/Elsevier 出 版 )。 我 花 
费 整 整 3 年 时 间 编写 Learning Processing, 却 没有 仔细 思考 选择 哪 一 家 出 版 社 ， 只 是 想 :“ 你 们 真 
的 要 出 版 我 瑟 的 书 ? 好 ， 成 交 !” 遗 憾 的 是 ， 这 次 出 版 经 历 并 不 算 太 好 。 整 个 过 程 中 ， 出 版 社 为 
我 安排 了 5 位 编辑 ， 我 也 没有 收 到 太 多 的 内 容 反 饿 。 出 版 社 以 外 包 的 形式 完成 排版 工作 ， 这 导致 
本 书 有 很 多 错误 和 不 一 致 的 地 方 。 除 此 之 外 ,我 发 现 这 本 书 的 价格 也 不 符合 日 己 的 期 望 。 我 希望 
这 是 一 本 价格 平易 近 人 的 平装 本 Processing 介 绍 性 图 书 , 但 最 后 这 本 书 的 定价 是 50 美 元 , 接近 “ 教 
科 书 ”的 价格 。 


我 想 特 别 指出 ， 出 版 社 的 本 意 是 好 的 。 他 们 非常 希望 出 版 优秀 的 书籍 ， 这 对 读者 、 出 版 社 和 
作者 来 说 都 是 一 件 好 事 。 出 版 社 也 在 努力 地 出 好 书 ,， 但 是 他 们 的 预算 很 紧张 ， 因 此 能 投入 的 精力 
也 比较 少 。 除 此 之 外 ， 我 党 得 他 们 对 Processing 这 种 开源 “创意 ”编程 环境 并 不 太 束 悉 ， 他 们 擅 
长 编辑 计算 机 科学 领域 的 教科 书 。 


因此 ,对 于 本 书 , 我 觉得 非常 有 必要 尝试 目 出 版 。 既然 我 无 法 从 出 版 社 的 编辑 那里 获得 太 多 
编辑 文 持 ,， 为 什么 不 直接 雇用 一 个 编辑 ? 既然 出 版 社 的 定价 不 符合 我 的 意愿 ,为 什么 不 自己 制定 
价格 ( 对 于 PDF 版 本 ,还 可 以 让 读者 定价 ) ? 一下 的 还 有 市 场 问 题 一 一 出 厂 社 有 没有 为 你 审 来 附 
加 价值 并 增加 更 多 读者 ”从 某 些 角度 上 看 ,确实 有 。 比 如 O’Reilly 的 “Make” 系 列 ，O’Reilly 会 
专门 为 书籍 等 产品 建立 社区 。 对 于 Processing 的 编程 学 习 ， 只 需要 一 个 简单 的 URL 就 能 增加 更 多 
读者 ， 那 就 是 processing.org。 


遗憾 的 是 , 很 快 我 就 发 现 有 一 种 东西 出 版 社 能 提供 ， 而 我 却 没 法 通过 自 出 版 途径 得 到 。 那 就 
是 截止 时 间 。 寿 独自 做 这 件 事 ,我 可 以 挣扎 两 年 ， 宣称 目 己 在 编写 这 本 书 , 事实 上 却 只 懒 懒 散 散 
地 写 出 灾 窗 数 页 内 容 。 在 我 的 竺 办 事项 里 ， 写 书 这 件 事 永远 被 排 在 最 后 面 。 于 是 ， 我 就 找到 了 
Kickstarter，Kickstarter 中 有 许多 对 本 书 内 容 感 兴趣 的 读者 〈 他 们 还 会 为 此 付 钱 )， 于 是 我 就 有 了 
截止 日 期 的 压力 。 现 在 你 能 读 到 这 本 书 应 该 归功 于 这 个 网 站 。 


最 重要 的 是 ， 目 出 版 允许 我 以 很 灵活 的 方式 发 布 内 容 和 制定 价格 。 在 Elsevier 的 网 站 上 ， 你 
可 以 用 53.95 美 元 购 头 Learning Processing 电 子 书 ,在 这 53.95 美 元 中 , 我 能 获得 5% 的 分 成 , 也 就 是 

































































x 致 谢 





2.70 美 元 。 如 采用 目 出 版 的 方式 出 版 这 本 书 ， 我 可 以 制定 更 便宜 的 售 价 ， 比 如 10 半 元 的 价格 ， 这 
能 为 读者 广 省 80% 的 开 文 ,同时 也 让 目 己 得 到 3 信 的 收益 。 我 甚至 还 可 以 让 读者 日 己 对 PDF 版 定价 。 


由 于 我 拥有 本 书 的 全 部 内 容 , 因此 还 可 以 用 其 他 数字 方式 出 版 这 本 书 。 本 书 的 内 容 和 全 部 源 
代码 丝 采 用 知识 共 至 蜀 名 -- 非 商业 性 使 用 的 许可 证 , 你 可 以 在 Github 上 获取 全 部 内 容 。 除 此 之 外 ， 
你 也 可 以 在 Github 上 提交 问题 及 要 求 ， 进 行 纠 误 及 评论 。 最 后 ， 由 于 本 书 使 用 了 灵活 的 按 需 印刷 服 
务 ， 因 此 我 可 以 时 第 发 布 新 版 本 ,让 内 容 你 持 最 新 。( 对 本 书 的 一 次 购 关 就 包含 终身 的 免费 升级 。 ) 


因此 ， 我 要 感谢 Kickstarter 公 司 ( 尤其 是 Fred Benenson， 他 说 服 我 决定 冒险 ， 并 指导 我 选择 
合适 的 许可 证 ) 和 本 书 的 全 体 支持 者 ， 在 这 里 ， 我 还 要 特别 感谢 下 面 这 些 热 心 的 支持 者 : 

口 Alexandre B. 

DQ Robert Hodgn 

DQ JooYoun Paek 

DQ Angela McNamee (Boyhan) 

DQ Bob Ippolito 


所 有 支 持 者 都 对 本 书 的 出 版 做 出 了 年 接 页 献 ,他 们 对 初稿 和 定稿 的 捐 蒜 让 我 有 更 多 动力 完成 
写作 ， 而 且 让 我 得 以 支付 设计 和 编辑 费用 ( 包括 在 周 六 上 午 写 作 之 时 雇 人 照看 小 孩 )。 

除了 捐助 资金 ，Kickstarter 的 用 户 还 审 谈 了 本 书 的 预 发 布 草 方 ， 期 间 提 供 了 无 数 反 馈 ， 指 出 
了 本 书 的 错误 和 混乱 部 分 。 我 要 特别 感谢 Frederik Vanhoutte 和 Hans de Wolf, 他 们 在 牛顿 物理 学 上 
有 深厚 的 功底 ， 为 本 书 的 第 2 章 和 第 3 章 提 出 了 很 多 建议 。 


























Dl 


有 本 


这 是 一 本 什么 书 

我 在 ITP (http://itp.nyu.edu ) 教授 一 门 名 为 “计算 媒体 导论 ”的 诗 。 在 这 门 诗 中 ， 学 生 主 要 
学 习 一 些 编程 基础 知识 〈 变 量 、 条 件 语 句 、 循 环 、 对 象 和 数组 等 )。 除 此 之 外 ， 他 们 还 学 习 如 何 
使 用 基本 元 素 (图 像 、 像 系 、 计 算 机 视觉 、 组 网 、 数 据 和 3D 等 ) 开发 交互 式 应 用 。 课程 内 容 以 
我 之 前 写 的 入 门 书 Learnine Processineg 为 主 ， 而 本 书 是 Learnineg Processing 的 续篇 。 一 旦 你 掌握 
了 编程 基础 并 且 接 触 了 形形色色 的 应 用 场景 , 接 下 来 很 可 能 就 是 深入 人 研究 某 个 特定 的 方 品 。 举 个 
例子 ， 你 可 以 专注 于 计算 机 视 党 ( 比如 阅读 Greg Borenstein 写 的 Makine Things See 等 书 )。 当 然 ， 
本 书 的 内 容 只 是 众多 发 展 方 癌 之 一 ， 它 只 是 延续 了 Zearnipg Processing， 展 示 了 Processing 语言 
在 算法 和 模拟 方面 的 更 高 级 编程 技术 。 


本 书 的 目标 非常 简单 : 我 们 想 看 看 真实 世界 中 发 生 的 各 种 目 然 现 象 , 以 及 如 何 通过 编程 对 它 
们 进行 模拟 。 

那 这 到 底 是 一 本 什么 样 的 书 ” 这 是 不 是 一 本 有 关 科 学 的 书 ” 我 可 以 很 肯定 地 回答 : 不 是 。 事 
实 上 ,我 们 确实 会 涉及 物理 学 和 生物 学 的 个 别 话 题 , 但 不 会 从 严 谋 的 学 术 层 面 进行 人 猎 究 ， 因 为 这 
不 在 本 书 讲述 范围 之 内 。 相反 , 我 们 会 简单 探讨 某 些 科学 原理 , 只 抽取 我 们 需要 的 那 一 部 分 内 容 ， 
并 根据 它们 构建 相关 的 示例 程序 。 

那 这 是 不 是 一 本 有 关 艺 术 或 设计 的 书 呢 ? 我 还 是 会 回答 : 不 是 。 尽管 我 们 的 工作 结果 都 是 视 
党 上 可 见 的 事物 (用 Processing 开发 的 演示 动画 )， 但 也 仅仅 是 用 简单 的 图 形 和 色彩 做 出 的 演示 ， 
我 们 真正 专注 的 是 它们 硝 后 的 算法 和 相关 编程 技术 。 然 而 , 我 还 是 硕 望 艺 术 工作 者 和 设计 师 们 能 
将 本 书 中 的 知识 融入 工作 实践 ， 创 造 一 些 真 正 新 宁 有 趣 的 作品 。 

如 有 果 非 要 给 这 本 书 归 类 , 我 党 得 它 只 是 一 本 普 普 通通 的 编程 书 。 尽 管 书 中 的 一 些 草 节 取 材 目 
科学 原理 ( 比如 牛顿 物理 和 学、 细胞 后 长、 进化 等 )， 而 且 一 些 编程 结果 会 激发 艺术 创作 的 灵感 ， 
但 归根 绪 底 本 书 重 心 是 代码 的 实现 ， 尤 其 是 其 中 的 面 回 对 象 编程 技术 。 




























































































关于 Processing 语 言 
本 书 使 用 Processing 语言 ， 原 因 有 很 多 。 第 一 ， 它 是 我 用 着 最 舒服 的 编程 语言 和 开发 环境 ， 

















X11 用 言 





我 很 喜欢 用 它 来 工作 ; 第 二 ， 它 是 免费 开源 的 ， 并 且 非 常 适合 初学 者 ， 它 的 开发 者 社区 很 活跃 。 
对 很 多 人 来 说 ，Processing 或 许 是 他 们 学 习 的 第 一 门 编程 语言 。 因 此 ， 我 希望 这 本 书 能 拥有 广泛 
的 受众 ， 并 希望 通过 Processing 用 一 种 友好 的 方式 阐述 其 中 的 原理 。 

本 书 中 所 写 的 例子 并 不 严格 限定 于 Processing 语言 ， 我 们 还 可 以 用 ActionScript、JavaScript、 
Java( 脱离 Processing 开发 环境 ), 或 是 其 他 开源 的 “创意 编程 ”开发 环境 ,比如 openFrameworks、 
Cinder， 以 及 最 近 发 布 的 pocode。 我 希望 上 自己 完成 这 本 书 之 后 ， 能 将 本 书 中 的 例子 移植 到 其 他 开 
发 环境 中 ， 并 发 布 其 他 语言 的 示例 程序 。 如 果 你 对 移植 本 书 的 示例 程序 感 兴趣 ， 请 随时 联系 我 
( daniel@ shiffman.net )。 

本 书 中 的 所 有 示例 都 已 在 Processing 2.0b6 版 本 上 测试 通过 ， 大 部 分 例子 也 兼容 早期 版 本 。 
我 会 时 常 更 新 这 些 示 例 , 使 它们 兼容 最 新 版 本 。 你 可 以 从 GitHub 获取 最 新 代码 ( http://github.conmy 
shiffman/The-Nature-of-Code-Examples )。 



































阅读 需 知 

该 懂 本 书 的 前 提 条 件 是 : 你 上 过 一 学 期 的 Processing 编程 课 ( 并 且 熟 悉 面 回 对 象 编 程 )。 这 
并 不 是 说 如 条 你 学 的 是 其 他 语言 和 开发 环境 就 谈 不 懂 本 书 ， 关 键 是 你 必须 学 过 编程 。 

如 果 你 之 前 没有 写 过 代码 ,阅读 本 书 会 有 一 定 难 度 ， 因 为 本 书 假 定 你 有 一 定 的 编程 基础 。 对 
此 ， 我 建议 你 去 访谈 Processing 的 介绍 性 书籍 。 你 可 以 在 Processing 官方 网 站 找到 很 多 相关 图 书 
( http://processing.org/learning/books/ )。 

如 有 果 你 是 有 一 定 经 验 的 开发 者 ， 但 之 前 从 未 接触 过 Processing， 那 么 可 以 直接 下 载 Processing 
开发 工具 ( http://processing.org/download/ ), 然后 从 它 的 快速 人 门 页 面 ( http://processing.org/learning/ 
gettingstarted/ ) 开始 ， 跑 一 下 示例 程序 。 

我 还 想 强 调 一 下 , 面 癌 对 象 编 程 的 经 验 才 是 关键 。 在 本 书 的 引言 中 , 我 们 还 会 回顾 Processing 
的 基础 知识 ， 不 过 我 还 是 建议 你 先 读 读 关 于 对 象 的 Processing 教程 : http://processing.org/ 


learning/objects。 


你 用 什么 阅读 本 书 

你 是 在 Kindle 上 阅读 本 书 ， 还 是 看 纸 质 版 ”你 是 在 笔记 本 电脑 上 看 PDF 版 ， 还 是 用 平板 看 
HTML5S 动画 版 ”你 是 不 是 舒 舒服 服 地 躺 在 椅 于 上 ， 通 过 上 面 的 各 种 媒介 学 习 本 书 的 内 容 ? 

你 现在 阅读 的 这 本 书 是 用 Magic Book( http://www.magicbookproject.com ) 生 成 的 Magic Book 
是 ITP (http://itp.nyu.edu ) 开发 的 用 于 自 出 版 的 开源 框架 ，, 它 允许 使 用 易 读 易 写 的 纯 文本 格式 编 
写 文 档 。 准 备 好 文档 内 容 后 ， 你 只 需要 点 击 一 个 神奇 的 按钮 ，Magic Book 就 会 为 你 生成 各 种 图 
书 格式 一 一 PDF、HTML5、 印 刷 版 、Kindle 电子 书 等 "。 所 有 的 外 观 样式 都 是 通过 CSS 控制 的 。 





















































Q 中 译本 电子 版 可 在 iTuring.cn 点 击 购买 。 一 一 编者 注 


前 言 xiii 
本 书 的 第 1 版 只 有 PDF 版 、 纸 质 版 以 及 HTML5 版 (包括 用 Processing.js 开发 的 动画 演示 ), 希 
望 明年 开 授 课程 时 ， 这 本 书 可 以 有 其 他 格式 。 如 果 你 想 助 我 一 臂 之 力 ， 请 随时 联系 我 ( daniel@ 


shiffman.net )。 


本 书 的 “故事 ” 

如 果 你 浏览 了 本 书目 录 ， 会 发 现 本 书 的 10 章 内 容 分 别 讲述 不 同 话题 。 从 某 种 意义 上 说 ， 本 
书 只 是 10 个 不 相关 概念 和 例子 的 集合 。 然 而 ， 我 一 直 在 找 一 个 能 妮 九 道 来 的 故事 ， 以 便 将 这 些 
材料 串联 在 一 起 。 在 你 阅读 各 章 内 容 之 前 ， 我 想 给 你 讲 讲 这 个 故事 。 
第 一 部 分 : 无 生命 的 物体 

想象 以 下 场景 : 草地 上 有 一 个 足球 , 球员 一 脚 将 它 跑 到 空中 。 足球 在 重力 的 作用 下 迅速 下 降 ， 
而 空气 阻力 又 让 它 能 在 空中 肚 移 一 段 时 间 ， 下 到 沙 在 高 高 跃 起 的 运动 员 的 头 上 。 在 这 个 过 程 中 ， 
足球 是 无 生命 的 物体 ， 它 对 上 自己 的 运动 没有 目 主 权 ， 只 能 等 竺 外 界 环境 在 它 身 上 施加 外 力 。 

我 们 该 如 何 用 Processing 对 足球 的 运动 建 模 ? 如 果 你 曾经 写 过 在 窗口 中 移动 一 个 圆圈 的 程 
序 ， 可 能 编写 过 下 面 这 行 代码 : 


























你 在 x 位 置 画 一 个 图 形 ， 在 每 一 帧 动画 中 ,将 x 的 值 递增 , 并 重 画 这 个 图 形 ， 最 后 就 产生 了 
图 形 在 运动 的 假象 。 你 可 以 进一步 完善 这 个 程序 ， 给 图 形 位 置 加 一 个 y 坐标， 以 及 在 x 轴 和 y 轴 
上 的 速度 : 





x = x + xspeed; 

y= y + yspeed,; 

故事 的 第 一 部 分 会 进一步 研究 这 个 问题 ， 我 们 将 继续 人 研究 xspeed 和 yspeed 这 两 个 变量 ， 
了 解 它们 如 何 形 成 一 个 向 量 (第 1 章 )， 而 问 量 正 是 物体 运动 的 基石 。 尽 管 我 们 不 会 在 向 量 这 个 
概念 上 摘出 什么 新 东西 ， 但 它 是 本 书 其 余部 分 的 基础 。 


了 解 回 量 以 后 ,我 们 很 快 会 意识 到 : 一 切 的 外 力 ( 第 2 章 ) 部 是 癌 量 。 跑 足球 束 相 当 于 在 足球 
上 施加 外 力 。 外 力 会 让 物体 做 什么 样 的 运动 ? 根据 牛顿 运动 定理 ， 外 力 等 于 质量 习 以 加 速度 (下 = 
ma )。 外 力 能 让 物体 加 速 ， 而 对 外 力 进 行 建 模 可 以 让 我 们 根据 各 种 运动 定理 模拟 物体 的 运动 状态 。 

被 运动 员 施 加 作用 力 的 足球 还 可 能 会 发 生 旋 转 。 物 体 的 运动 受 加 速度 控制 ， 旋 转 受 角 加 
速度 ( 第 3 章 ) 控制 。 了 解 角度 和 三 角 函 数 的 基本 知识 就 能 模拟 物体 的 旋转 运动 ， 并 和 擎 握 钟 摆 运 
动 原 理 ， 比 如 钟 摆 的 摆动 和 弹 和 次 的 弹跳 运动 。 

一 旦 解决 了 单个 无 生命 物体 的 基本 运动 和 力学 问题 , 我 们 将 把 这 些 原理 运用 到 成 干 上 万 的 物 
体 上 ， 并 用 一 个 系统 管理 它们 ， 这 个 系统 称 作 粒子 系统 (第 4 章 ) 在 粒子 系统 中 ， 我 们 将 学 习 
面 加 对象 编程 的 茶 些 高 级 特性 ， 比 如 继承 和 多 态 。 























XiV 前 言 








从 第 1 章 到 第 4 童 ， 所 有 例子 都 是 从 零 编 写 的 ， 也 就 是 说 ， 我 们 直接 用 Processing 编写 模拟 
物体 运动 的 算法 代码 。 我 们 肯定 不 是 第 一 批 尝 试用 Processing 模拟 物体 运动 的 开发 者 ， 所 以 下 一 
步 将 学 习 如 何 使 用 现 有 的 物理 也 数 库 ( 第 5 章 ) 对 更 高 级 和 更 复杂 的 行为 进行 建 模 。 我 们 会 接触 
Box2D ( http:/www.box2d.org ) 和 toxiclibs’ Verlet Physics package ( http://toxiclibs.org/ ) 这 两 个 晒 数 库 。 


第 二 部 分 : 活 物 

如 何 对 有 生命 的 事物 进行 建 模 ? 这 不 是 一 个 简单 的 问题 , 但 我 们 可 以 从 对 外 界 环境 有 感知 能 
力 的 对 象 开 始 建 模 。 试想, 在 外 力作 用 下 从 茧 子 上 落下 物体 的 运动 以 及 海豚 在 水 里 的 游 动 , 这 两 
种 运动 都 是 由 外 力 引 起 的 , 但 它们 有 本 质 区 别 : 物体 不 能 决定 上 自己 何 时 从 果 面 上 落下 ， 而 海豚 可 
以 决定 目 己 何 时 跳出 水 面 。 海 豚 可 以 有 目 己 的 意愿 ， 可 以 感到 饥 饭 或 恐惧 ， 这 些 情绪 会 影响 它 的 
运动 。 通 过 自治 智能 体 模拟 技术 (第 6 章 )， 我 们 将 生命 注入 之 前 无 生命 的 物体 ， 让 它们 能 根据 
对 外 界 环境 的 理解 决定 如 何 运 动 。 

有 了 上 自治 智能 体 的 概念 ， 再 结合 在 第 4 章 学 习 的 建 模 系统 ， 我 们 将 深入 研究 群体 行为 模型 ， 
这 种 模型 能 表现 出 复杂 系统 的 特性 。 我 们 是 这 么 描述 复杂 系统 的 :“ 一 个 复杂 系统 的 整体 不 等 同 
于 局 部 的 简单 组 合 。” 复杂 系统 的 局 部 可 能 是 很 简单 且 容 易 理 解 的 个 体 ， 但 它们 组 成 的 整体 会 表 
现 得 非常 复杂 、 智 能 且 难 以 预测 。 对 复杂 系统 的 建 模 会 让 我 们 超越 简单 的 运动 建 模 ,进入 基于 规 
则 的 系统 领域 。 在 这 里 ,我 们 会 提出 诸多 疑问 。 我们 能 用 细胞 自动 机 (在 某 个 网 格 区 域内 繁殖 的 
细胞 系统 ， 第 7 章 ) 建立 什么 样 的 模型 ? 通过 分 形 〈 描述 大 自然 的 几何 学 ， 第 8 章 )， 我 们 又 能 
建立 怎样 的 模型 ? 












































第 三 部 分 : 智能 

在 第 一 部 分 , 我们 让 物体 产生 运动 。 在 第 二 部 分 , 我 们 让 物体 有 自己 的 意愿 ， 并 把 自身 意愿 
和 生存 规则 结合 在 一 起 。 在 本 书 的 最 后 部 分 ,我们 会 使 这 些 物体 变 得 更 智能 。 在 这 里 ， 我 们 会 提 
出 疑问 。 为 了 让 模型 进化 ， 能 和 否 将 生物 的 进化 过 程 应 用 到 计算 系统 中 (第 9 章 )? 受 人 类 大 脑 的 
启发 ,我 们 能 否 开发 一 个 人 工 神 经 网 络 ( 第 10 章 ), 使 其 能 够 从 自身 错误 中 目 我 学 习 以 适 应 环境 ? 


本 书 的 教学 大 纲 
尽管 要 在 一 个 学 期 中 讲述 本 书 内 容 过 于 紧张 ， 我 还 是 将 其 设计 成 了 一 个 14 周 的 课程 。 值 得 
- 提 的 是 ， 我 发 现 有 些 章 适 合 跨 周 讲解 。 我 的 教学 大 纲 一 般 是 这 样 的 : 
第 1 周 引言 和 向 量 (第 1 章 ) 
第 2 周 力 ( 第 2 章 ) 
第 3 周 振荡 (第 3 昔 ) 
第 4 周 粒子 系统 (第 4 章 ) 
第 5 周 ”物理 也 数 库 I (第 5 章 ) 
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第 6 周 ”物理 函数 库 I 和 操纵 (第 5 章 和 第 6 章 ) 

第 7 周 期 中 项 目 : 演示 运动 建 模 项 目 

第 8 周 复杂 系统 : 群集 和 一 维 细胞 自动 机 (第 6 章 和 第 7 章 ) 
第 9 周 复杂 系统 : 二 维 细胞 自动 机 和 分 形 〈 第 7 章 和 第 8 章 ) 
第 10 周 遗传 算法 (第 9 章 ) 

第 11 周 神经 网 络 (第 10 章 ) 

第 12 周 ~ 第 13 周 期 末 项 目 人 研讨 

口 第 14 周 期 末 项 目 演示 


如 朱 你 打算 在 目 己 的 诗 程 中 采用 上 述 安排 ,请 随时 联系 我 。 我 布 望 最 终 能 够 提供 一 余 视 频 和 
纪 灯 万 材 料 作 为 辅助 教程 。 


生态 系统 模拟 项 目 


天 于 编程 学 习 , 我 倒是 非 第 布 望 你 舒 舒 服 服 地 镜 在 椅子 上 , 读 几 篇 编程 教程 即 可 一 切 。 但 我 
不 得 不 承认 ， 只 读 教 程 是 完全 不 够 的 ,你 还 需要 写 一 些 代码 , 针对 每 一 章 的 内 容 做 一 两 个 实践 项 
目 对 编程 学 习 会 有 很 大 帮助 。 在 ITP 讲授 这 门 课程 时 , 我 发 现 学 生 们 也 非常 乐意 针对 每 一 半 的 知 
识 点 一 步 步 地 开发 完整 的 实践 项 目 。 


每 草 最 后 都 有 一 系列 具有 针对 性 的 练习 题 ,， 这 些 练习 题 组 成 了 一 个 完整 的 项 目 。 这 个 项 目的 
场景 是 ,你 要 为 菜 科 拉 包 开发 一 侠 展 多 软件 一 一 电子 生态 系统 ,其 中 要 用 程序 模拟 大 日 然 的 生物 ， 
并 将 它们 投影 到 整个 屏幕 中 供 游 客观 看 。 当 然 , 我 们 的 创意 不 该 局 限于 这 一 个 项 目 上 ,而 只 是 用 
这 个 示例 项 目 描 述 本 书 的 内 容 , 把 所 有 知识 后 稳 串 联 起 来 。 我 误 励 你 开动 脑筋 ， 日 己 想 一 个 更 有 
创意 的 想法 。 


如 何 获 取 在 线 代 码 和 提交 反馈 


奇想 获取 本 书 相 关内 容 ， 请 访问 本 书 官方 网 站 (http:/www.natureofcode. com )。 你 还 可 以 在 
GitHub ( http://github.com/shiffman/The-Nature-of-Code ) 上 找到 本 书 的 源 代码 和 插图 。 如 果 你 有 
任何 意见 或 想 纠正 书 中 的 错误 ， 请 在 GitHub 的 issues 上 提交 这 些 问题 。 


本 书 所 有 示例 项 目 和 练习 题 的 源 代码 "都 可 以 在 GitHub (http:/github.com/shiffman/The-Nature- 
ofCode-Examples ) 上 找到 , 每 章 内 容 多 多 少 少 都 会 包含 一 些 代码 片段 , 为 了 更 好 地 阐述 其 中 关键 点 ， 
我 对 这 些 代 码 片 段 做 了 删 减 和 简化 。 如 果 你 想 看 到 完整 的 代码 和 注释 ， 请 上 GitHub 获取 。 


如 果 碰 到 任何 代码 上 的 疑问 ， 我 建议 你 求助 Processing 论坛 ( http://forum.processiong )。 
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“和 自然 在 一 起 我 水 不 孤独 。” 








欢迎 来 到 本 书 的 引言 部 分 。 如 果 你 已 经 很 长 时 间 没 有 用 过 Processing， 在 开始 更 难 更 复杂 的 
话题 之 前 ， 这 篇 引言 能 让 你 重新 找 回 之 前 的 编程 思维 。 

在 第 1 革 里 ， 我 们 会 讨论 问 量 的 相关 概念 ， 了 解 为 什么 问 量 是 运动 模拟 的 基本 组 件 。 但 在 此 
之 前 , 我 们 先 探讨 这 样 一 个 话题 : 如 何在 屏幕 内 简单 地 移动 某 个 物体 ? 让 我 们 从 一 个 最 有 名 且 最 
人 简单 的 运动 模拟 模型 开始 随机 游 走 。 


0.1 随机 游 走 


假设 你 站 在 一 根 平 衡 木 中 间 ， 每 10 秒 钟 抛 一 枚 便 币 : 如 采 便 币 正面 戎 上 ， 你 回 前 走 一 步 ; 育 
面 戎 上 ， 则 加 后 走 一 步 。 这 就 是 随机 洲 走 一 一 由 一 系列 随机 步 又 构成 的 运动 轨迹 。 然 后 ， 从 平衡 
木 转移 到 地 面 ， 你 就 可 以 做 二 维 的 随机 洲 走 了 ,不 过 每 走 一 步 需要 抛 两 次 便 币 ， 而 且 需 要 按照 以 
下 规则 移动 : 























第 一 次 抛掷 第 二 次 抛掷 结 果 
正面 正面 加 前 走 一 步 
正面 反面 回 布 走 一 步 
反面 正面 回 左 走 一 步 
反面 反面 加 后 走 一 步 


是 的 , 这 是 一 个 很 简单 的 算法 ,但 随机 游 走 可 以 对 现实 世界 中 的 各 种 现象 建 模 : 从 气体 分 子 
的 运动 到 赌 徒 一 整 天 的 赔 博 活动 不 一 而 是 。 对 我 们 来 说 ,以 随机 游 走 作为 本 书 的 开头 有 三 个 目的 。 


(1) 借以 回顾 本 书 的 中 心 编程 思想 一 一 面向 对 象 编程 。 我 们 要 用 面 癌 对 象 方法 来 模拟 物体 在 
Processing 窗 口 的 运动 ， 随 机 游 走 模型 就 是 这 个 例子 的 模板 。 


(2) 随机 游 走 模型 引入 了 贯穿 本 书 的 两 个 关键 问题 ， 如 何 定义 对 象 的 行为 规则 ， 以 及 如 何 用 














wk 
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Processing 模 拟 这 些 行为 规则 。 
(3) 在 本 书 中 ， 我们 需要 对 随机 性 、 概 率 和 Perlin 品 声 有 基本 的 了 解 ， 随 机 游 走 模 型 展示 了 其 
中 的 关键 点 ， 这 在 我 们 以 后 的 学 习 中 会 很 有 用 。 


0.2 ”随机 游 走 类 


在 构建 Walker 对 象 之 前 ， 我 们 先 回 顾 面 品 对 象 编程 ( Object-oriented Programming，OOP )。 注 
意 , 这 只 是 一 个 很 粗略 的 回顾 , 如 果 你 之 前 没有 接触 过 面 回 对象 编程 , 可 能 需要 更 全 面 地 学 习 它 。 
我 建议 你 现在 停止 阅读 本 书 ， 先 去 Processing 官 方 网 站 ( http://processing.org/ learning/objects/ ) 上 
学 习 语 言 基 础 ， 学 完 之 后 青 继续 看 本 书 。 

Processing 中 的 对 象 是 拥有 数据 和 功能 的 实体 。 我 们 要 建立 的 Walker 对 象 有 以 下 特点 : 既 维 
持 了 自身 数据 (在 屏 徐 中 的 位 置 )， 又 能 够 执行 某 些 动作 〈 比如 绘制 日 映 或 者 移动 一 步 )。 

类 是 构建 对 象 实例 的 模板 ,我 们 可 以 这 么 比喻 它 和 对 象 的 关系 :类 就 是 用 来 切割 曲 奇 的 模具 ， 
而 对 象 就 是 曲 奇 。 

自 完 ， 我们 定义 一 个 Walker 类 一 一 Walker 对 象 的 模板 。Walker 对 象 只 需要 两 部 分 数据 一 一 
X 坐 标 和 ?坐标 O 


























class Walkert{ 
int x; 对 象 有 数据 
int y; 





每 个 类 都 必须 有 一 个 构造 限 数 。 构 造 水 数 是 特殊 的 函数 ， 每 次 创建 对 象 的 时 候 都 会 被 调 用 。 
你 可 以 把 它 当 成 对 象 的 setup() 函数 。 我 们 要 在 构造 函数 中 设置 Walker 对 象 的 初始 位 置 ( 比如 屏 
幕 的 正中 间 )。 





WaLker(){ 构造 函数 负责 对 象 的 初始 化 
x = width/2; 
y = height/2; 

} 


除了 数据 ， 我 们 还 可 以 在 类 中 定义 对 象 的 功能 函数 。 在 这 个 例子 中 ， 一 个 Walker 对 象 有 两 
个 函数 。 我 们 先 实现 一 个 用 于 显示 目 映 的 函数 ( 男 一 个 日 色 的 点 ): 





void display(){ 对 象 有 涵 数 
stroke(0); 
point (x, y); 

} 








第 二 个 隐 数 用 于 控制 对 象 的 下 一 步 移动 。 此 时 , 事情 是 不 是 变 得 更 有 趣 了 ? 想 一 想 之 前 如 何 
在 地 面 上 随机 移动 。 我 们 可 以 用 同等 大 小 的 Processing 窗 口 实现 随机 游 走 的 模拟 。 这 里 有 4 个 可 能 





0.2 ”随机 游 走 类 3 


的 移动 动作 : 回 右 移动 可 以 用 递增 x 坐 标 (x++ ) 模拟 ， 回 左 时 可 以 递减 zx 坐标 〈z- )， 回 前 时 可 
以 递增 y 从 标 (y++ )， 回 后 时 可 以 递减 ?坐标 () 因 -) 还 有 一 个 问题 : 如 何 选 择 移动 方 回 ? 先前 我 
们 用 抛掷 两 枚 硬币 的 方法 确定 移动 方向 ， 而 在 Processing 中 ， 如 果 要 随机 选择 一 个 选项 ， 可 以 用 
random( ) 函数 产生 一 个 随机 数 。 


void step()t 
int choice = int(random(4)); 0、1、2 或 3 


以 上 代码 从 0~3 选 出 一 个 随机 的 浮 点 数 ， 然 后 将 它 转 化 为 整数 ， 结 果 可 能 是 0、1、2 或 3。 从 
技术 实现 上 讲 ，random(4) 产 生 的 最 大 浮 点 数 不 可 能 是 4.0， 只 能 是 3.999 999 999…… (小 数 点 后 
面 有 无 数 个 9 )。 浮 点 数 转 化 为 整数 会 抛弃 所 有 小 数位 ， 因 此 我 们 得 到 的 最 大 整数 是 3。 下 一 步 ， 
我 们 根据 这 个 随机 数 做 出 相应 的 移动 ( 向 左 、 向 右 、 向 上 或 向 下 )。 


if (choice == 0) { 移动 由 随机 “选择 ”决定 
X++， 
} else if (choice == 1) { 
X—; 
} else if (choice == 2) { 
y++,， 
} else { 
y=; 





} 


} 
既然 我 们 已 经 完成 了 WatLker 类 ， 下 面 要 做 的 就 是 在 Sketch 的 主体 部 分 一 一 setup ( ) 咕 数 和 








draw( ) 国 数 一 一 中 创建 一 个 游 走 对 象 。 本 例假 设 只 对 单个 游 走 对 象 建 模 ， 因 此 声明 一 个 全 局 的 
Walker 对 和 象 。 
Walker w; WaLker 对 象 


然后 ， 我 们 通过 new 操 作 符 在 setup ( ) 函数 中 调用 对 象 的 构造 晒 数 。 


示例 代码 0-1 传统 的 随机 游 走 


上 面 的 标题 代表 本 书 的 一 个 示例 。 对 本 书 的 每 个 示例 ， 你 都 可 以 在 GitHub 中 找到 相应 的 代码 
( http://github.com/shifftman/The-Nature-of-Code-Examples ) 。 


void setup()t 
size(640,360); 


w = new Walker(); 创建 一 个 NaLker 对 象 
background(255 ) ; 

} 

最 后 ， 在 每 个 draw( ) 调 用 循环 中 ， 我 们 都 让 游 走 对 和 象 移动 一 步 ， 并 绘制 一 个 点 。 


void draw(){ 





wi 
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w.step(); 调用 Walker 对 象 的 方法 
w.display(); 

} 
背景 , 而 只 是 在 setup() 图 数 中 绘制 一 次 青 





由 于 我 们 没有 在 每 个 draw( ) 循 环 中 都 清除 窗口 的 





景 ， 因 此 可 以 看 到 WaLker 对 象 在 整个 Processing 窗 口中 的 运动 轨迹 。 


_11 RandomWalkTraditional 


万 化 。 比 如 , 现在 它 只 





能 对 4 个 方 癌 移动 一 一 上 下 左右 ， 
动 到 任何 一 个 相 邻 的 像 系 点 上 ， 


能 移 





但 是 屏 医 上 的 每 个 像素 点 分 别 有 8 个 相 邻 的 像素 点 ,对象 有 可 
除 此 之 外 还 有 第 9 种 可 能 : 不 在 原 地 不 动 。 





8 种 可 能 的 移动 


4 种 可 能 的 移动 
几 0-1 
移动 到 任何 一 个 相 邻 像素 点 上 (还 能 待 在原 地 不 动 )， 我 





它 能 


为 了 实现 这 样 的 Walker 对 象 : 
们 可 以 从 0~8 (9 种 可 能 ) 的 区 间 内 选择 一 个 随机 数 。 不 过 ,更 好 的 实现 方式 应 该 是 在 x 轴 和 y 轴 上 


分 别 选择 3 个 可 能 的 移动 方向 〈《-1、0 或 1 )。 
生成 -1、0 或 1 


void step() { 
int stepx = int(random(3))-1; 
1 


int stepy = int(random(3))-— 


x += Stepx; 
y += Stepy; 


} 
进一步 优化 , 我 们 可 以 用 译 点 数 代 蔡 整 型 数 作为 x 和 ?坐标 值 。 并 根据 这 个 -1~1 的 随机 浮 点 数 


确定 移动 方式 。 


0.2 ”随机 游 走 类 5 


void step() { 
float stepx 生成 介 于 0~].0 的 佳 忘 学 中 数 


random(-1, 1); 
float stepy -1], 1 


random(-1, 1); 


x += stepx; 
y += Stepy; 
} 


“传统 ”随机 游 走 模型 中 的 上 述 变量 ， 都 有 一 个 共同 点 : 在 任意 时 刻 ， 游 走 对 和 象 朝 某 一 个 方 
回 移 动 的 概率 等 于 它 阴 其 他 任意 方 癌 移动 的 概率 。 比 如 ， 如 果 游 走 对 象 有 4 个 可 能 的 移动 方 回 ， 
它 阴 某 个 方 回 移动 一 步 的 概率 就 是 1/4 ( 25% ); 如 果 它 有 9 个 可 能 的 移动 方向 ， 朝 某 个 方向 移动 的 
概率 是 1/9 ( 11% )。 

简单 地 说 ， 这 就 是 random( ) 函数 的 工作 方式 ，Processing 的 随机 数 生 成 器 产生 的 随机 数 是 均 
匀 分 布 的 。 我 们 可 以 用 Sketch 测试 这 种 均匀 分 布 : 不 断 地 产生 某 个 区 间 内 的 随机 数 ， 并 根据 各 个 
随机 数 的 出 现 次 数 绘 制 柱状 图 。 








12 RandomDistribution 





示例 代码 0-2 ”随机 数 的 分 布 


int[] randomCounts: 数组 存放 了 随机 数 被 选中 的 次 数 


void setup() { 
size(640,240); 
randomCounts = new float[20]; 


} 


void draw() { 
background (255); 
int index = int(random(randomCounts. length)); 选择 一 个 随机 数 ， 增 加 计数 
randomCounts[index]++; 
stroke(0); 


fill(127); 
int w = width/randomCounts.length; 


for (int x = 0; x < randomCounts.length; x++) { 绘制 结果 
rect (x*w,height-randomCounts[x],w-1,randomCounts [x]); 





上 面 的 截图 是 本 例 运 行 几 分 钟 后 的 结果 。 请 注意 柱状 图 中 每 个 矩形 的 高 度 。 我 们 选取 的 样本 
量 ( 随机 数 个 数 ) 很 少 ， 有 些 偶然 因素 能 使 某 些 随机 数 被 较 多 选中 。 如 果 有 一 个 优秀 的 随机 数 生 
成 希 ， 随 肴 时 间 推 移 和 样本 量 的 增加 ， 整 幅 图 将 会 被 拉平 。 

伪 随 机 数 

我 们 从 random( ) 函数 中 取得 的 随机 数 并 不 是 真正 随机 的 ,因此 它们 称 为 “ 伪 随 机 数 "。 它 们 


是 由 模拟 随机 的 数学 函数 生成 的 。 随 着 时 间 推 移 ， 这 个 函数 将 呈现 出 固定 的 模式 ， 但 那 段 时 间 很 
长 ， 所 以 对 我 们 来 说 ， 它 的 随机 性 已 经 足够 了 。 


练习 0.1 
创建 一 个 WaLker 对 梨 ， 让 它 在 游 走 过 程 中 ， 有 向 下 和 向 右 移动 的 趋势 。( 我 们 将 在 下 一 节 


给 出 解决 方案 。) 





0.3 ”概率 和 非 均 匀 分 布 


还 记得 你 第 一 次 用 Processing 编 程 吗 ? 或 许 你 曾 想 在 屏幕 上 男 很 多 圆 ， 然 后 告诉 有 目 己 :“ 我 打 
算 在 随机 的 位 置 ， 用 随机 的 大 小 和 颜色 画 这 些 圆 !” 在 计算 机 图 形 系 统 中 ， 用 随机 方式 构建 系统 
是 最 容易 的 。 然 而 在 本 书 中 , 我 们 打算 对 上 自然界 建 模 ,在 这 类 场景 中 用 随机 方式 构建 模型 是 不 合 
理 的 ， 尤 其 是 对 有 机 体 或 者 具有 上 自然 外 形 的 事物 建 模 。 


依靠 一 些 技巧 ， 我 们 可 以 改变 使 用 random( ) 国 数 的 方式 ， 使 它 产 生 “ 非 均匀 ”分 布 的 随机 
数 。 对 本 书后 面 的 很 多 应 用 场景 来 说 ,这 是 一 个 飞跃 性 的 改进 : 在 遗传 算法 中 ,我 们 需要 一 种 执 
行 “选择 ”的 方法 一 一 应 该 选择 什么 样 的 基因 遗传 给 下 一 代 ? 请 记 住 ,物种 的 进化 过 程 存在 优胜 
劣 汰 。 举 个 例子 ,在 一 个 处 于 进化 阶段 的 猴子 种 群 中 ,每 只 猴子 的 繁殖 机 会 是 不 均等 的 。 为 了 模 
拟 达尔 文 的 进化 论 , 我 们 不 能 随机 选择 两 只 猴子 作为 父母 ， 应 该 选择 一 些 更 “合适 ”的 样本 繁殖 
后 代 。 我 们 需要 定义 “优胜 劣 汰 的 概率 ”模型 。 比 如 ， 一 只 强壮 和 灵活 的 猴子 将 有 90% 的 繁殖 可 
能 性 ， 而 一 只 蜀 小 的 猴子 只 有 10% 的 可 能 性 。 


让 我 们 在 这 里 暂 集 一 下 ， 先 学 学 基本 的 概 认 理论。 站 完 , 我 们 要 了 解 单 次 独立 事件 的 发 生 概 
率 ， 也 驶 是 单个 事件 发 生 的 可 能 性 。 



































如 有 果 某 个 过 程 会 产生 几 种 结果 , 其 中 茶 个 事件 发 生 的 概率 就 等 于 该 事件 对 应 的 结 来 数量 除 以 
所 有 结案 的 总 数 。 抛 便 币 就 是 其 中 的 一 个 简单 例子 一 一 它 只 有 正 反 两 种 结 灯 : 要 么 正面 , 要么 反 








0.3 ”概率 和 非 均匀 分 布 





面 。 得 到 正面 的 事件 概率 等 于 1 除 以 2， 也 就 是 1/2 或 50%。 
从 一 副 总 共 52 张 的 扑克 牌 中 抽出 一 张 牌 ， 抽 到 A 的 概率 是 : 
A 的 数量 /扑克 牌 总 数 = 4/52 = 0.077 盖 8% 
抽 到 方块 的 概率 是 : 
方块 的 数量 /扑克 牌 总 数 = 13/52 = 0.25 = 25% 





我 们 还 可 以 计算 序列 中 出 现 多 个 事件 的 概率 ， 只 要 将 所 有 单 次 事件 发 生 的 概率 相 乘 即 可 。 
连续 抛 便 币 3 次 午 得 到 正面 的 概率 是 : 


(1/2) x (1/2) x (1/2) = 1/8=0.125 








这 意味 者， 要 想 连 绪 3 次 抛 便 币 虱 得 到 正面 ， 我 们 平均 要 尝试 8 次 ( 每 次 等 试 部 抛 3 次 便 币 六 


练 0.2 


从 一 副 总 共 52 张 的 扑克 牌 中 抽出 两 张 牌 ， 两 张 都 是 A 的 概率 是 多 少 ? 








在 代码 中 使 用 random( ) 函数 计算 概率 的 方法 有 很 多 。 一 种 常见 的 方法 是 : 在 数组 中 存放 一 
堆 选 好 的 数字 ( 其 中 某 些 数字 是 重复 的 )， 然 后 从 这 个 数组 中 选择 随机 数 ， 根 据 这 些 选 择 判 定 事 
件 是 否 发 生 。 


Int[] stuff = new int[5] 








stuff[0] = 1; 1 在 数组 中 存放 了 两 次 ， 被 选中 的 可 能 性 更 高 
stuff[1] = 1; 

stuff[2] = 2; 

stuff[3] = 3; 

stuff[4] = 3; 

int index = int(random(stuff.Tlength)); 从 数组 中 选择 一 个 随机 数 


运行 上 述 代码 ， 我 们 有 40% 的 概率 得 到 1，20% 的 概率 得 到 2，40% 的 概率 得 到 3 。 


我 们 还 可 以 只 产生 一 个 随机 数 〈 为 了 让 问题 变 得 更 加 人 简单， 只 考虑 产生 一 个 介 于 0~1 的 浮 点 
随机 数 )， 并 且 假 定 仅 当 这 个 随机 数落 在 一 定 区 间 内 ， 指 定 的 事件 才 发 生 。 比 如 : 


float prob = 0.10; 10% 的 概率 





float r = random(1): 0~1 的 浮 点 型 随机 数 





wi 
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if(r < prob) { 如 果 选 中 的 随机 数 小 于 0.1， 就 再 试 一 次 
// 再 试 一 次 
} 





这 个 方法 也 可 运用 到 多 结果 的 情况 。 假 定 结 果 A 有 60% 的 概率 会 出 现 ， 结 果 B 有 10% 的 概率 ， 
结果 C 有 30% 的 概率 。 我 们 只 需要 产生 一 个 浮 点 型 的 随机 数 ， 然 后 检查 随机 数 所 在 的 范围 ， 就 能 
确定 产生 了 哪个 结果 。 

口 随机 数 在 0.00~0.60( 60% ) 一 结果 A 

口 随机 数 在 0.60~0.70( 10% ) 一 结果 B 

口 随机 数 在 0.70~1.00 ( 30% ) 一 结果 C 


float num = random(1) ， 


If (num < 0.6) { 如 果 随 机 数 小 于 0 .6 


println("Outcome A"); 
} else if (num < 0.7) { 0.6~0.7 


println("Outcome B"); 
} else { 大 于 0.7 


println("Outcome C"); 
} 


我 们 可 以 用 上 面 的 方法 创建 一 个 有 右 移 趋势 的 Walker 对 和 象 。 这 里 有 一 个 Walker 对 象 ， 它 的 
移动 规律 如 下 。 

口 上 移 的 概率 : 20% 

口 下 移 的 概率 : 20% 

口 左 移 的 概率 : 20% 

口 右 移 的 概率 : 40% 








_| 3_RandomWalkTendsToRight 





示例 代码 0-3 ”有 右 移 趋势 的 Walker 对 象 
void step() { 


float r = random(1); 
if (r < 0.4) { 有 40% 的 概率 向 右 移 动 
X++， 


} else if (r < 0.6) { 
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X- -1; 
} else if (r < 0.8) { 
y++; 
} else { 
y--; 
} 
} 


练习 0.3 
创建 一 个 有 动态 移动 趋势 的 Walker 对 象 。 比 如 ， 你 能 不 能 写 出 一 个 有 $0%6 概 率 向 鼠标 所 在 


方向 移动 的 Walker 对 象 ? 





0.4 随机 数 的 正 态 分 布 


让 我 们 回 到 模拟 猴子 种 群 的 例子 。 你 的 程序 生成 了 数 以 千 计 的 猴子 对 象 , 每 只 猴子 的 身高 都 
在 200~300( 在 这 个 程序 世界 里 ， 猴 子 的 身高 都 在 200~300 像 素 )。 


float h = random(200,300); 


这 个 村 型 有 没有 准确 地 描述 现实 世界 的 情况 ? 试想 , 在 纽约 市 一 个 拥挤 的 人 行道 中 , 随便 挑 
选 一 个 路 人 ， 他 的 号 高 可 能 是 随机 的 。 但 是 ， 这 种 随机 性 和 random( ) 函数 的 随机 性 并 不 一 样 。 
人 们 的 号 高 并 不 是 均匀 分 布 的 , 拥有 平均 映 融 的 人 数 总 是 比特 别 高 和 特别 矮 的 人 多 得 多 。 为 了 更 
好 地 模拟 目 然 情况 ,我 们 希望 种 群 里 的 大 部 分 猴子 都 接近 平均 刁 蜗 ( 250 像 系 )， 当 然 个 别 特 别 融 
和 特别 矮 的 猴子 也 是 存在 的 。 


所 有 的 观测 值 部 来 集 在 平均 值 附近 ， 这 样 的 分 布 称 作 “ 正 态 ” 分 布 。 它 还 称 作 融 斯 分 布 ( 以 
数学 家 卡尔 弗 里 德里 希 : 高 斯 命名 ), 在 法 国正 态 分 布 称 作 拉 普 拉 斯 分 布 (以 皮 埃 尔 - 西 壹 * 拉 
普 拉 斯 命名 )。 这 两 个 数学 家 同时 在 19 世 纪 早 期 对 正 态 分 布 进行 了 各 目的 定义 。 



































绘制 正 态 分 布 时 ， 你 会 看 到 类 似 下 图 的 曲线 ， 它 一 般 称 为 钟 形 曲 线 。 
-Tee BellCurve 
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这 条 曲线 由 一 个 数学 也 数 产生 ， 该 数学 函数 撞 述 了 在 给 定 平 均值 (通常 以 希腊 字母 表示 ) 
和 标准 差 ( 以 希腊 字母 oc 表示 ) 下 的 概率 分 布 情况 。 

估计 平均 值 很 容易 ， 上 面 的 例子 中 ， 对 象 的 喘 高 都 在 200~300， 你 可 能 直觉 上 认为 平均 号 高 
就 是 250 像 素 。 但是， 如 果 我 说 标准 差 是 3 或 15， 这 对 数据 分 布 来 说 又 意味 着 什么 ?上面 的 图 例 已 
经 给 了 我 们 一 定 的 上 暗示。 左 图 向 我 们 展示 了 标准 差 很 小 时 的 正 态 分 布 , 在 这 种 情况 下 ， 大 部 分 数 
据 都 紧密 集中 在 平均 值 附近 。 右 图 向 我 们 展示 了 标准 差 很 大 时 的 正 态 分 布 , 在 这 种 情况 下 ,数据 
相对 分 散 地 分 布 在 平均 值 两 边 。 

标准 差 的 本 质 是 这 样 的 : 给 定 一 个 种 群 ，68% 的 个 体 数据 分 布 在 距 平均 值 1 个 标准 差 的 范围 
内 ，98% 的 个 体 数据 分 布 在 2 个 标准 差 的 范围 之 内 ，99.7% 的 个 体 分 布 在 3 个 标准 差 的 范围 之 内 。 
如 果 标 准 差 是 5 个 像素 ， 只 有 0.3% 的 猴子 身高 小 于 235 像 素 ( 比 均值 250 小 3 个 标准 差 ) 或 大 于 265 
像素 ( 比 均值 250 大 3 个 标准 差 )。 


























计算 平均 值 和 标准 差 

一 个 班 有 10 名 学 生 ， 在 一 次 测试 中 ， 他 们 的 成 绩 ( 满分 为 100 分 ) 如 下 : 

85、82、88、86、85、93、98、40、73、83 

成 绩 的 平均 值 是 : 81.3 

标准 差 是 离 均 差 平方 和 平均 后 的 方 根 ,具体 的 计算 方法 是 : 先 求 所 有 成 绩 减 去 平均 成 绩 后 的 
平方 ， 再 对 所 得 的 值 求 平均 值 (方差 )， 最 后 把 平均 值 开 根 号 ， 就 得 到 这 组 数据 的 标准 差 。 


分 数 和 平均 分 的 差 二 
85 85 = 81.3=3.7 (3.7) = 13.69 
40 dO 1 -41 (-41.3) = 1705.69 
标准 差 254. 23 


标准 差 等 于 方差 的 平方 根 : 15.13 





我 们 非常 和 押运 ,在 Sketch 中 求 标准 差 并 不 需要 自己 进行 上 面 的 运算 , 运用 Random 类 即 可 。 这 
个 类 是 Processing 从 Java 库 引入 的 (详细 信息 参考 Random 类 的 JavaDocs 文 档 ， 网 址 为 
http://docs.oracle.com/javase/6/docs/api/java/util/Random.html )。 

为 了 使 用 Random 类 ， 我 们 必须 声明 一 个 Random 类 型 的 变量 ， 然 后 在 setup () 函数 中 创建 
Random 对 象 。 


我 们 使 用 generator (生成 器 ) 作为 变量 名 ， 因 为 


Random generator.; 
此 处 可 以 认为 是 一 个 随机 数 生成 器 


Vold setup() 1 
size(640,360); 
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generator = new Random() ; 


} 
如 采 我 们 想 在 draw() 函数 中 生成 一 个 符合 正 态 分 布 的 随机 数 ， 只 需要 简单 地 调用 


nextGaussian() 阴 数 。 


void draw() { 


float num = (float) generator.nextGaussian(); 返回 一 个 高 斯 随机 数 (nextGaussian() 返 回 值 的 
类 型 是 double， 必须 转型 为 flLoat) 


} 

重点 在 下 面 。 我 们 要 用 这 个 随机 数 做 什么 ”如 果 我 们 以 它 为 x 坐标 绘制 某 个 图 形 ， 会 有 怎 
样 的 效果 ? 

nextGaussian() 国 数 默 认 以 下 面 两 个 参数 生成 符合 正 态 分 布 的 随机 数 : 正 态 分 布 的 平均 值 


全 丁 0， es 如 果 我 们 需要 一 个 平均 值 为 320( 宽度 为 640 的 窗口 的 正中 位 置 )， 标准 差 
为 60 像 素 的 正 态 分 布 ， 可 以 简单 地 处 理 参数 : 将 它 乘 以 标准 差 并 加 上 平均 值 。 





_| 4 Gaussian 





示例 代码 0-4 ”高 斯 分 布 


void draw(){ 
float num = (float) generator.nextGaussian(); 注意 ,nextGaussian() 的 返回 值 类 型 是 double 


float sd = 60; 
float mean = 320， 


float x = sd * num + mean: 来 以 标准 差 ， 再 加 上 平均 值 


noStroke(); 

fill(255, 10); 

ellipse(x,180,16,16); 
} 


在 所 得 的 x* 坐 标 上 绘制 半 透 明 的 椭圆 ,让 这 些 椭圆 相互 琶 加 , 我 们 可 以 看 到 正 态 分 布 的 效 来 : 
颜色 最 深 的 点 出 现在 中 间 ， 因 为 随机 值 都 集中 在 这 里 ,但 偶尔 也 有 一 些 图 形 画 在 两 边 














练习 0.4 
怎么 用 各 种 颜色 的 点 模拟 颜料 飞溅 在 画板 上 的 效果 ,大 部 分 点 都 画 在 中 间 位 置 ， 也 有 一 
点 务 在 边缘 位 置 。 你 能 用 正 态 分 布 的 随机 数 产 生 这 些 点 的 位 置 吗 ? 用 这 些 随 机 数 产生 一 
色 板 呢 .? 


练习 0.5 


在 高 斯 随机 游 走 模型 中 , 每 次 的 移动 长 度 (每 次 物体 在 指定 方向 的 移动 距离 ， 即 步 长 ) 都 是 
根据 正 态 分 布 产生 的 ， 试 着 在 我 们 的 随机 游 走 模型 中 实现 这 样 的 特性 。 





0.5 目 定 义 分 布 的 随机 数 


生活 中 总 有 很 多 例子 无 法 用 均匀 分 布 的 随机 数 模拟 ,局 斯 分 布 有 时 也 无 能 为 力 。 假设 你 是 一 
个 正在 沈 食 的 随机 游 走 者 , 在 某 个 空间 内 随机 移动 貌似 是 一 种 合理 的 况 食 来 略 。 毕 苋 ， 你 不 知道 
食物 在 哪里 , 不 如 走 一 步 算 一 步 。 但 你 会 发 现 一 个 问题 ,随机 游 走 者 经 常会 走 回 原先 涉足 过 的 地 
方 (这 称 为 “过 采样 ”)。 有 一 个 末 略 可 以 避免 这 个 问题 : 每 隔 一 段 时 间 ， 路 很 大 一 步 。 这 样 就 可 
以 让 在 一 个 特定 范围 内 的 洲 走 者 时 第 跳 到 很 远 的 地 方 ,以 减少 过 采样 。 要 实现 这 样 的 随机 放 走 ( 成 
为 列 维 飞行 ) ， 育 移 要 有 一 堆 目 定义 的 概率 值 。 但 这 不 是 列 维 飞行 的 一 个 标准 实现 。 我 们 可 以 这 
么 定义 概率 分 布 : 步子 越 长 ， 发 生 的 概率 越 小 ; 步子 越 短 ， 发 生 的 概率 越 大 。 

在 本 章 开 始 的 时 候 , 我 们 曾 这 样 获取 目 定 义 分 布 的 随机 数 : 从 一 个 数组 中 选择 事先 填充 好 的 
数字 〈 茶 些 数 字 有 重复 ， 这 些 数 字 和 被 选中 的 概率 更 大 )， 或 者 判定 random( ) 图 数 返 回 的 结果 。 我 
们 也 可 以 用 类 似 的 方式 实现 列 维 飞行 ,假定 随 机 游 走 者 有 1% 的 几率 跨 一 大 步 。 


float r = random(1); 





























if(r < 0.01){ 有 15 的 几率 跨 一 大 步 
xstep = random(-100, 100); 
ystep = random(-100, 100); 


}elsel{ 
xstep = random(-1, 1); 
ystep = random(-1, 1); 
} 
但 是 ， 这 把 我 们 限制 在 了 有 限 的 儿 个 选择 中 。 如 采 我 们 想 要 有 一 般 的 选择 规则 ( 数字 越 大 ， 
被 选 到 的 概率 越 大 ), 该 怎么 做 ?比如 ，3.145 被 选中 的 几率 就 比 3.144 高 ,就算 只 高 一 点 点 。 换 言 
之 ， 以 选中 的 随机 数 为 x 铀 ， 被 选中 的 概率 为 ? 轴 ， 我 们 可 以 建立 这 样 的 映射 : y=x。 
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选中 的 值 
图 0-4 





如 果 能 得 到 这 类 目 定 义 分 布 的 随机 数 生成 算法 , 我们 就 可 以 用 同样 的 方式 计算 各 种 公式 对 应 
的 分 布 曲 线 。 

一 种 常见 的 解决 方案 是 : 生成 两 个 随机 数 ， 而 不 是 只 生成 一 个 随机 数 。 第 一 个 随机 数 只 是 一 
个 普通 的 随机 数 。 第 二 个 随机 数 我 们 称 作 “资格 随机 数 ”"， 用 来 决定 第 一 个 随机 数 的 取舍 。 那 些 
资格 更 高 的 随机 数 被 选中 的 概率 更 大 , 而 资格 更 低 的 随机 数 被 选中 的 概率 更 小 。 下面 是 计算 步 又 
(只 考虑 位 于 0~1 的 随机 数 ) : 


(1) 选择 一 个 随机 数 R1; 

(2) 计算 R1 被 选中 的 资格 概率 P， 假设 P= R1; 

(3) 选择 男 一 个 随机 数 R2; 

(4) 如 果 R2 小 于 P， 那 么 R1 就 是 我 们 要 的 随机 数 ; 

(5) 如 果 R2 大 于 P， 回 到 第 (1) 步 重新 开始 。 

在 本 例 中 ， 一 个 随机 数 被 选中 的 资格 概率 的 大 小 等 于 其 本 身 。 假 如 我 们 选中 的 RI 是 0.1， 这 
意味 着 R1 被 最 后 选中 的 概率 是 10%。 如 果 R1 是 0.83, 那么 它 有 83% 的 概率 被 最 后 选中 。 数 字 越 大 ， 
最 后 被 选择 的 概率 也 越 大 。 

以 下 肯 数 〈 称 为 蒙特 卡 洛 算法 ， 以 穴 特 卡 洛 大 赌场 命名 ) 实现 了 上 面 的 算法 ， 返 回 0~1 的 随 
机 数 。 


float montecarlo()t{ 

















while (true)f{ “永远 ”重复 这 个 操作 ， 直 到 找到 合格 的 随机 数 
float rl = random(1); 选择 一 个 随机 数 
float probability = rl1; 分 配 概率 
float r2 = random(1); 选择 第 二 个 随机 数 
if (r2 < probability) { 这 个 随机 数 是 否 有 资格 被 选中 ? 如果 是 ,任务 完成 
return rl; 


} 





种 映射 来 确定 选中 的 概率 ， 比 如 ， 选 择 的 概率 等 于 它 的 平方 。 


float stepsize = random(0,10) ; 步 长 大 小 的 均匀 分 布 ， 改变 这 个 ! 


float stepx = random(-stepsize,stepsize); 
float stepy = random(-stepsize,stepsize); 


x += Stepx; 
y += Stepy 


(在 后 面 ， 我们 会 用 向 量 重 新 实现 这 个 程序 。) 
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一 个 好 的 随机 数 生成 硕 能 产生 互 不 关联 且 训 无 规律 的 随机 数 。 跟 我 们 前 面 看 到 的 一 样 , 一 定 
程度 的 随机 性 有 利于 有 机 体 和 生命 活动 的 建 模 。 然 而 ,单独 把 随机 性 作为 唯一 指导 原则 是 不 够 的 ， 
它 并 不 完全 符合 自然 界 的 特征 。 有 个 算法 叫 “Perlin 噪 声 ”"， 它 就 将 这 一 点 考虑 在 内 了 ,该 算法 是 
以 Ken Perlin 命 名 的 。20 世 纪 80 年 代 初 ， Ken Perlin 曾 参与 电影 人 《电子 世界 争霸 战 》( Tron ) 的 制作 ， 
在 此 期 间 他 发 明了 Perlin 噪 声 算 法 ， 用 于 生成 纹理 特效 。1997 年 ，Perlin 因 此 获得 了 奥斯卡 技术 成 
就 奖 。Perlin 噪 声 算法 可 用 于 生成 各 种 目 然 特 效 ， 包 括 云层 、 地 形 和 大 理 石 的 纹理 。 

Perlin 噪 声 算法 表现 出 了 一 定 的 目 然 性 ， 因 为 它 能 生成 符合 目 然 排序 (“ 平 请 ”) 的 伪 随 机 数 
序列 。 图 0-5 展 示 了 Perlin 噪 声 的 效 末 ，x 轴 代表 时 间 ; 请 注意 曲线 的 平滑 性 。 网 0-6 展 示 了 纯 随 机 
数 的 效果 。( 生成 图 形 的 代码 可 以 在 本 书 的 下 载 资料 中 找到 。 ) 

Processing 内 置 了 Perlin 噪 声 算法 的 实现 : noise() 函 数 。noise() 函数 可 以 有 1~3 个 参数 ， 分 
别 代表 一 维 、 二 维和 三 维 的 随机 数 。 我 们 先 从 一 维 的 noise() 函数 开始 了 解 。 

Noise1DGraph 


WN 





























图 0-5 ”噪声 图 0-6 ”随机 
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Perlin 噪声 


Processing 的 noise() 函 数 (http:/processing.orgmreferencemoise .html ) 告诉 我 们 噪声 是 通过 几 
个 “和 八 度 ” 计 算出 来 的 。 调 用 noiseDetait() 函数 (http://processing.org/reference/noiseDetail .html ) 
会 改变 “ 八 度 ”的 数量 以 及 各 个 八 度 的 重要 性 ， 这 反 过 来 会 影响 noise() 函数 的 行为 。 


Ken Perlin 有 个 在 线 讲座 , 能 让 你 了 解 更 多 的 噪声 原理 (http://www.noisemachine.com/talk1/ )。 


考虑 在 Processing 窗 口中 以 随机 的 x 坐标 画 一 个 圆 : 


float x = random(0, width); 一 个 随机 的 X 坐 标 
ellipse(x, 180,16,16); 





random( ) 国 数 蔡 换 为 noise() 国 数 ， 比 如 : 


float x = noise(0, width) 噪声 的 X 坐 标 ? 








从 概念 上 说 ， 我 们 确实 只 需要 用 Perlin 噪 声 算 法 得 到 0 和 窗口 宽度 之 间 的 一 个 zx 坐标 ， 但 这 并 
不 是 一 个 正确 的 实现 。random() 晒 数 的 参数 是 目标 随机 数 的 最 小 值 和 最 大 值 , 但 是 noise() 果 数 
并 非 如 此 。noise() 国 数 的 结果 范围 是 固定 的 ， 它 总 是 会 返回 一 个 介 于 0~1 的 结果 。 后 面 我 们 会 
通过 Processing 的 map( ) 函数 来 改变 结果 的 范围 ， 在 此 之 前 ， 先 来 了 解 noise( ) 因数 的 参数 。 


我 们 可 以 把 一 维 的 Perlin 噪 声 当 作 随 着 时 间 推 移 而 发 生变 化 的 线性 序列 ， 比 如 : 























时 间 噪声 值 
0.365 
0.363 
0.363 
0.364 
0.366 


人 玉 DC 一 OO 


为 了 在 Processing 中 得 到 某 个 时 间 点 上 的 噪声 值 , 我 们 必须 传人 noise() 函数 一 个 “指定 的 时 
则 点 ”， 比 如 : 


float n = noise(3); 

根据 上 面 的 表格 ，noise(3) 会 在 时 间 点 3 返回 0.364。 为 了 能 用 draw( ) 函数 获取 不 同时 刻 的 
噪声 值 ， 我 们 可 以 传人 一 个 时 间 变 量 作为 参数 。 

float t = 3; 

void draw(){ 


float n = noise(t):; 返回 指定 时 间 点 的 骂 声 值 
println(n); 
} 


上 面 的 代码 每 次 虱 会 输出 一 样 的 结果 。 因 为 我 们 每 次 痢 在 noise() 也 数 中 传 入 一 个 固定 的 时 
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间 点 一 一 3。 递 增 时 间 变 量 +， 我 们 就 能 得 到 不 同 的 结 


float t = 0; 一 般 从 时 间 点 0 开始 ， 但 这 个 值 可 以 是 任意 的 


void draw()t 
float n = noise(t); 
println(n); 


t+=0.01; 随时 间 向 前 移动 
} 
/ 增 大 的 速度 会 影响 噪声 的 平滑 度 。 如 采 我 们 让 :发 生 很 大 的 跳跃 ， 很 多 中 间 值 将 会 被 跳 过 ， 
得 到 的 值 也 更 随机 。 





村 
短 时间 跨 度 长 时 间 跨 度 
RA 
噪声 值 + 
t+ = 0.01 wd 
+ 二 (0. 
0 | 
时 间 一 一 一 一 > 
图 0-7 





试 着 多 次 运行 上 面 的 代码 ， 分 别 以 0.01、0.02、0.05、0.1、0.000 1 的 增 量 增 大 t， 你 会 看 到 不 
同 的 结果 。 


0.6.1 映射 噪声 


接 下 来 ， 我 们 开始 研究 如 何 处 理 得 到 的 噪声 仁 。 得 到 0~1 的 噪声 值 之 后 ， 我 们 需要 将 它 映射 
到 我 们 想 要 的 范围 内 。 最 方便 的 方法 是 使 用 Processing 的 map() 辆 数 。map ( ) 辆 数 有 5$ 个 参数 。 第 
一 个 参数 是 我 们 想 要 映射 的 值 ( 这 里 即 n ), 后 面 的 两 个 参数 是 该 值 原来 的 范围 ( 最 大 值 和 最 小 值 )， 
最 后 两 个 参数 是 目标 范围 。 














目标 范围 一 一 新 最 大 值 


1 TT 下 新 人 


一 当前 值 
0 一 一 当前 最 小 值 0 一 新 最 小 值 


新 值 = map( 当 前 值 , 当前 最 小 值 , 当前 最 大 值 , 新 最 小 值 , 新 最 大 值 ) 
图 0-8 
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在 本 例 中 , 我 们 知道 噪声 函数 的 返回 值 在 0~1 的 范围 内 , 但 我 们 想 要 在 0 到 窗口 宽度 的 范围 内 0 


男 这 个 加 。 


float 七 = 0; 
void draw() { 
float n = noise(t); 
float x = map(n,0,1,0,width); 用 map ( ) 函数 定制 PerLin 嗓 上 声 的 范围 


ellipse(x,180,16,16); 


t += 0.01; 
} 


我 们 可 以 将 这 个 逻辑 运用 到 随机 游 走 模型 中 ， 用 Perlin 品 声 同 时 生成 x 坐标 和 y 坐 标 。 





15 NoiseWalk 





示例 代码 0-5 ”Perlin 品 声 游 走 模型 


class Walker { 
float x,y; 


float tx,ty; 


tx 


Walker() 
ty = 


{ 
0 ; 
10000 ; 
} 


void step() { 


x = map(noise(tx), 0, 1, 0, width); 噪声 映射 后 的 Xx 和 yy 坐标 
y = map(noise(ty), 0, 1, 0, height); 

tx += 0.01; 随 着 时 间 向 前 推进 

ty += 0.01; 








请 注意 上 面 的 例子 是 如 何 使 用 tx 和 ty 这 对 变量 做 参数 的 。 我 们 同时 需要 跟踪 两 个 时 间 变量 ， 
一 个 用 于 产生 游 走 对 象 的 x 坐 标 ， 另 一 个 用 于 产生 ?坐标 ， 但 是 这 两 个 变量 还 有 一 些 奇 怪 的 地 方 ， 





ui 
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为 什么 tx 从 0 开始 ， 而 ty 从 10 000 开 始 ? 尽管 这 两 个 初始 值 是 随意 确定 的 ， 但 我 们 故意 用 了 不 同 
的 值 来 初始 化 这 两 个 时 间 变 量 。 这 是 因为 噪声 冰 数 的 返回 结果 是 确定 的 : 无 论 何 时 调用 它 ， 只 要 
传人 的 时 间 点 四 同 ， 返 回 的 结果 也 相同 。 如 采 我 们 通过 同一 个 时 间 点 厂 取 两 个 坐标 ， 返 回 的 x 
坐标 和 ) 坐 标 会 是 相等 的 ， 这 意味 着 游 走 对 象 WaLker 只 会 在 一 条 对 角 线 上 移动 。 在 这 里 ， 我 们 用 
了 噪声 空间 的 两 个 不 同 区 域 ，x 坐 标 对 应 的 区 域 从 0 开始 ，y 坐 标 对 应 的 区 域 从 10 000 开 始 ， 这 样 x 
坐标 和 ?坐标 就 会 彼此 独立 。 











1 | x 维 标 来 自 这 个 区 域 ) 坐 标 来 自 这 个 区 域 





图 0-9 


实际 上 ，Perlin 品 声 是 没有 时 间 轴 这 个 概念 的 。 为 了 让 大 家 更 容易 地 理解 噪声 水 数 的 工作 方 
式 , 我 引入 了 时 间 轴 这 个 隐喻 。 但是， 我 们 应 该 有 空间 的 概念 ， 而 不 该 有 时 间 轴 的 概念 。 上 图 描 
述 了 唉 声 序列 在 一 维 空间 上 的 排列 ， 我 们 可 以 获取 任意 x 坐 标 上 的 噪声 值 。 比 如 ， 你 经 稼 会 在 噪 
声 图 中 看 到 一 个 叫 xoff 的 变量 , 它 表 示 x 才 上 的 俩 移 量 , 取代 上 面 说 的 时 间 点 变量 上 见 图 表 注 解 )。 





练习 0.7 
在 上 面 的 随机 游 走 模型 中 , 噪声 函数 的 返回 值 被 映射 到 游 走 对 象 所 在 的 位 置 。 请 创建 这 样 的 
站 


游 走 模型 : 它 的 移动 步 长 是 由 noise() 函 数 返回 值 映 射 得 到 的 。 





0.6.2 ”二 维 噪声 


一 维 空 间 上 的 噪声 值 很 重要 ， 它 将 我 们 引入 了 对 二 维 噪 声 的 讨论 。 在 一 维 噪 声 中 ,噪声 序列 
中 的 邻近 噪声 值 都 非常 接近 ， 因 为 在 一 维 空间 中 ,每 个 点 只 有 两 个 相 邻 点 : 前 一 个 点 (在 图 中 位 
于 左 侧 ) 和 后 一 个 点 (位 于 右 侧 )。 

从 概念 上 看 ,二 维 噪声 的 工作 方式 是 完全 一 样 的。 唯一 的 不 同 在 于 : 二 维 噪声 从 线性 空间 转 
到 了 网 格 空间 。 思考 下 面 的 场景 : 一 张 纸 上 有 个 表格 ,在 表格 的 每 个 单元 格 里 号 一 个 数 子 ,每 个 
单元 格 的 数字 都 接近 和 它 相 邻 单 元 格 上 的 数字 ， 即 上 下 左右 和 对 角 线 上 的 值 。 
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一 维 噪声 
非常 接近 邻 
一 一 HH 近 坐 标的 值 


一 
邻近 的 坐标 值 非 常 接近 
图 0-10 一 维 噪声 








试看 把 表格 上 的 数据 可 视 化 : 把 单元 格 上 的 数 子 映 冉 成 色彩 腕 度 ， 你 就 能 看 到 云 状 的 图 形 。 
在 图 形 中 ， 白 色 和 浅 灰 色相 邻 、 浅 灰色 和 灰色 相 邻 、 灰 色 和 深 灰 色相 邻 、 深 灰色 又 和 黑色 相 邻 ， 


以 此 类 推 , 参见 下 图 。 





这 束 是 噪声 最 先 被 引入 时 的 用 途 。 只 要 稍微 改变 一 下 参数 ,你 束 可 以 创造 出 有 大 理 石 、 树 木 
和 其 他 自然 纹理 效果 的 图 像 。 


证 我 们 看 看 如 何在 Processing 中 使 用 二 维 噪 声 。 如 果 要 给 窗口 中 的 每 个 像素 着 上 随机 的 颜色 ， 
你 要 写 一 个 循环 ， 在 循环 中 遍历 每 个 像 系 点 并 选择 一 个 随机 的 亮度 。 
loadPixels(); 


for (int x = 0; x < width; x++) { 
for (int y = 0; y < height; y++) { 


float bright = random(255); 随机 亮度 
pixels[xt+y*width] = color(bright),; 
} 
} 
updatePixels(); 











下 面 要 根据 noise( ) 也 数 的 返回 值 为 像 双 着色， 我 们 只 需要 调用 noise() 葡 数 ， 取 代 原 先 的 
random( ) 函数 。 


float bright = map(noise(x,y),0,1,0,255) ; 由 Perlin 噪 声 算法 产生 的 亮度 | 


ui 
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从 表面 上 看 ， 这 并 没有 问题 ， 你 会 在 二 维 空间 上 的 每 个 (xy 位置 得 到 对 应 的 噪声 值 。 但 问题 
是 我 们 并 不 能 由 此 得 到 云 质感 的 效果。 对 噪声 函数 来 说 , 从 200 到 201 像 素 会 造成 很 大 的 参数 跳跃 。 
还 记得 吗 ， 在 一 维 噪声 中 ， 我 们 每 次 以 0.01 的 增幅 递增 时 间 变 量 ， 并 不 是 1 这 么 大 的 增 量 。 对 此 ， 
我 们 可 以 用 不 同 的 变量 作为 噪声 函数 的 参数 ,这 样 就 可 以 解决 这 个 问题 ,比如 ,我 们 可 以 增加 xoff 
和 yoff 变 量 : 在 循环 届 历 过 程 中 ， 如 琳 有 水 平方 器 的 移动 ， 就 以 合适 的 增 量 递增 xoff， 如 朵 有 
竖 耻 方 同 的 移动 ， 就 递增 yoff。 





示例 代码 0-6 ”二 维 Perlin 噪 声 


float xoff 


0.0; Xoff 从 0 开始 


for (int x = 0; x < width; x++) { 
float yoff = 0.0; 对 每 个 Xoff，yoff 从 0 开始 


for (int y = 0; y < height; y++) { 


float bright = 将 Xoff 和 yoff 传 入 noise( ) 函 数 
map(noise(xoff,yoff),0,1,0,255); 


pixels[x+y*width] = color(bright); 将 Xx 和 yy 作为 像素 位 置 
yoff += 0.01; 增加 yoff 

; 

xoff += 0.01; 增加 Xoff 


练习 0.8 


在 上 面 的 例子 中 ， 试 着 改变 颜色 ， 调 用 noiseDetaitL() 函数 ， 调 整 Xoff 和 yoff 的 递增 幅 
度 ， 来 看 看 不 同 的 视觉 效果 。 


在 


噪声 函数 中 传 入 第 三 个 参数 ， 并 在 每 一 轮 draw( ) 函 考 
动态 效果 。 
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练习 0.10 


把 噪声 值 当 作 地 平 线 高 度 ， 画 出 噪声 地 形 图 。 请 参考 下 面 的 截图 : 


NoiseLandscape 





我 们 在 此 处 学 习 了 Perlin 噪 声 的 几 种 常规 用 法 。 对 一 维 噪 声 ， 我 们 把 平滑 的 噪声 值 当 作物 体 
的 位 置 , 并 由 此 描绘 游 走 的 轨迹 。 对 二 维 噪声 , 我 们 用 平 请 的 噪声 值 制作 了 一 副 有 云 纹理 的 图 形 。 
请 记 住 ，Perlin 噪 声 值 仅 仅 是 一 组 数据 ， 并 不 一 定 是 像素 位 置 或 者 色彩 完 度 。 本 书 中 的 任何 例子 
都 有 可 能 用 到 Perlin 噪 声 。 比 如 ， 当 我 们 在 对 风力 进行 建 模 时 ， 风 力 的 大 小 就 是 由 Perlin 噪 声 生 成 
的 ; 同样 的 , 分 形 模型 中 树 校 之 间 的 角度 , 还 有 模拟 流 场 时 物体 的 速度 和 方向 , 都 可 能 是 由 Perlin 
噪声 生成 的 。 














TreestochasticNoise 





图 0-12 ”由 Perlin 噪 声 产生 的 树 图 0-13 ”由 Perlin 噪 声 产 生 的 流 场 


0.7 前进 








在 本 章 的 开头 ,我 们 讨论 了 随机 数 如 何在 模拟 过 程 中 扮演 万 能 角色 。 在 很 多 场景 中 , 我 们 提 
出 的 各 种 问题 都 可 以 简单 地 用 随机 来 解决 , 比如 如 何 移动 一 个 物体 , 再 比如 用 什么 颜色 描绘 物体 。 
随机 是 我 们 首 乞 会 想到 的 答案 ， 但 同时 也 是 一 个 偷懒 的 回答 。 

最 后 知 要 特别 指出 ， 我 们 很 容易 挥 进 为 外 一 个 隐 阱 ， 就 是 把 Perlin 品 声 也 当成 解决 问题 的 万 
能 方法 。 如何 移动 一 个 物体 ? 用 Perlin 品 声 ! 用 什么 颜色 渔 染 像素 ”Perlin 噪 声 ! 生长 速度 有 多 快 ? 








wk 
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还 是 Perlin 虽 声 | 

在 这 里 ， 关 键 点 并 不 在 于 要 不 要 用 随机 方法 ， 也 不 在 于 要 不 要 用 Perlin 噪 声 。 关 键 是 构建 系 
统 的 规则 是 你 目 己 定义 的 , 手头 上 的 工具 越 多 ,可 用 于 实现 这 些 规则 的 方法 也 就 越 多 。 本 书 的 日 
的 就 是 填充 你 的 “工具 箱 ”。 如 果 只 知道 随机 方法 ,你 的 设计 思路 会 因此 受 限 。 尺 管 Perlin 品 声 能 
提供 很 多 帮助 ， 但 你 还 是 需要 掌握 更 多 工具 一 一 非常 多 的 工具 。 


我 想 我 们 已 经 做 好 了 开始 的 准备 。 


























“ 收 到 ， 收 到 。 维 克 多 ， 我 们 的 航向 指示 (vector ) 是 什么 ?” 
Oveur 机 长 (电影 《空前 绝 后 满天飞 》) 











本 书 主 要 通过 观察 周围 的 世界 ， 提 出 一 些 巧 妙 的 方法 来 利用 代码 对 其 建 模 。 本 书 主要 分 为 3 
部 分 , 在 第 一 部 分 , 我 们 研究 基础 物理 学 ,比如 平 果 怎么 会 从 树 上 挥 下 来 , 钟 押 如 何在 空中 摆动 ， 
地 球 如 何 围 绕 太 阳 转 动 , 等 等 ,本 书 的 前 5 革 内 容 部 离 不 开 运 动 建 模 的 基本 组 件 一 一 向 量 ( vector )。 
我 们 的 故事 也 从 回 量 开始 。 


如 今 ，vector 一 词 有 很 多 含义 。 它 是 20 世 纪 80 年 代 初 加 州 萨 克拉 门 托 的 一 支 新 浪潮 抒 滚 乐队 
的 名 称 ， 还 是 加 拿 大 凯 洛 格 公司 生产 的 一 种 早餐 麦片 的 品牌 。 在 流行 病 学 中 ，vector (媒介 ) 是 
将 传染 病 从 一 个 箱 主 传播 到 为 一 个 箱 主 的 有 机 体 ; 在 C++ 编程 语言 中 ，vector (std::vector ) 代表 
可 动态 增长 的 数组 。 以 上 这 些 定义 都 非常 有 趣 , 但 它们 并 不 是 我 们 要 研究 的 话题 。 我 们 要 谈论 的 
是 欧 几 里 得 向 量 (Euclidean vector， 以 希腊 数学 家 欧 几 里 得 的 名 字 命 名 ， 也 称 作 几何 癌 量 )， 本 
书 中 出 现 的 “ 回 量 ” 均 指 欧 儿 里 得 向 量 ， 它 的 定义 是 : 一 个 既 有 大 小 又 有 方向 的 几何 对 象 。 

向量 通常 被 绘制 为 一 个 带 箭 头 的 线段 ,线段 的 长 度 代 表 回 量 的 大 小 , 箭头 所 指 的 方向 就 是 回 
量 的 方向 。 























图 1-1 一 个 回 量 (绘制 成 市 箭头 的 线段 ) 有 大 小 (线段 的 长 度 ) 和 方 回 (第 头 所 指 的 方 回 ) 


在 上 图 中 , 向 量 被 绘制 为 从 4 点 到 8B 点 的 带 身 尖 的 线段 , 并 说 明了 物体 如 何 从 4 点 运动 到 B 扩 。 





在 深入 探究 回 量 这 个 概念 之 前 , 我 们 先 从 一 个 例子 人手 , 看 看 为 什么 要 把 回 量 放 在 如 此 重要 
的 位 置 。 如 果 你 谈 过 关于 Processing 的 介绍 性 书籍 或 上 过 Processing 编 程 诬 ( 我 非 沼 希 望 你 在 看 本 
书 之 前 已 经 做 了 这 些 准 备 )， 你 可 能 学 过 如 何在 Sketch 中 写 一 个 人 简单 的 弹 球 模拟 程序 。 











篇 站 个 _1 1 bouncingball_novectors 





如 果 你 阅读 的 是 本 书 的 PDF 版 或 印刷 版 ,那么 只 能 看 到 代码 运行 结果 的 截图 。 而 运动 是 本 
书 谈论 的 重点 ,因此 ,为 了 丁 显 运动 效果 , 我 尽 可 能 在 静态 截图 中 加 上 了 弹 球 的 运动 轨迹 。 
如 果 你 想 知 道 如 何 绘制 运动 轨迹 ， 请 下 载 本 例 的 源 代码 


示例 代码 1-1 没有 使 用 回 量 的 弹 球 程序 


float x = 100; 小 球 的 位 置 和 速度 变量 
float y = 100; 
float xspeed = 1; 
float yspeed = 3.3; 
void setup() { 还 记得 Processing 的 运行 方式 吗 ? Setup() 巴 
size(200,200); 数 在 Sketch 启动 时 被 调用 ，draw() 函数 在 退出 
smooth ( ) ; 之 前 一 直 被 调用 
background(255); 
} 
void draw() { 
background(255 ) ; 
x = x + xspeed; 根据 速度 移动 小 球 
y = y + yspeed, 
if ((x > width) || (x < 0)) { 检查 边缘 ， 改 变 运动 方向 


xspeed = xspeed * -1; 


} 

if ((y > height) || (y < 0)) { 
yspeed = yspeed * -1; 

} 
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stroke(0); 
fill(175):; 


ellipse(x,y,16,16); 在 (X,Yy) 位 置 绘制 小 球 
} 


上 例 中 ,我 们 在 空白 的 画板 上 创建 了 一 个 到 处 移动 的 圆 球 。 它 有 很 多 属性 ， 在 代码 中 ,我 们 4 
用 变量 表示 它 的 属性 。 





位 置 Xx 和 Yy 
速度 xspeed 和 yspeed 


在 以 后 更 高 级 的 例 于 中， 我 们 还 可 以 加 入 这 些 变量 : 


加 速度 xacceleration 和 yacceleration 
目标 位 置 xtarget 和 ytarget 

风 xwind 和 ywind 

摩擦 力 xfriction 和 yfriction 


的 对 于 目 然 界 的 每 个 类 似 概念 ( 风 、 位 置 、 加 速度 等 )， 我 们 都 需要 用 两 个 变 
量 表示 。 这 只 是 在 二 维 世 界 中 ， 如 有 果 在 三 维 世 界 中 ,我们 就 需要 用 3 个 变量 表示 ， 如 x、y、z， 以 
及 xspeed、yspeed、zspeed， 等 等 。 


如 采 我 们 能 简化 这 些 代 码 并 使 用 更 少 的 变量 ， 电 不 是 很 好 ? 
对 于 下 面 这 些 变 量 : 


float x; 
float y; 
float xspeed; 
float yspeed; 


可 以 把 它们 符 换 成 : 


Vector Location; 
Vector Speed ; 


在 这 里 引入 回 量 并 不 会 给 我 们 增添 新 工作 ， 单 纯 地 在 代码 中 加 入 回 量 也 不 会 让 Sketch 上 月 己 去 
模拟 物理 现象 。 但 是 ,， 它 会 简化 你 的 代码 ， 对 于 在 运动 模拟 中 经 党 出 现 的 数学 运算 ， 回 量 提供 了 
很 多 现成 的 函数 。 


学 习 回 量 的 相关 知识 时 ， 我 们 将 使 用 二 维 空间 〈 至 少 在 本 书 的 前 儿 章 )。 所 有 这 些 例子 都 可 
以 轻松 地 扩展 到 三 维 空间 ( 我们 使 用 的 PVector 类 也 适用 于 三 维 空间 )。 但 是 ， 从 二 维 空间 人 手 
比较 容易 。 
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1.2 ”Processing 中 的 向 量 
我 们 可 以 把 癌 量 当 作 两 点 之 间 的 差异 ， 也 就 是 从 一 个 点 到 另 一 个 点 所 发 后 的 移动 。 
下 面 是 几 个 癌 量 及 它们 的 可 能 解释 : 


. | 


西 东 向 北 走 4 步 向 东 走 2 步 





| | 向 南 走 1 步 


ty 一 一 一 一 


加 东 走 3 步 








向 北 走 3 步 
ER 
向 西 走 15 步 
图 1-2 
ET 向 西 走 15 步 ， 然 后 向 北 走 3 步 
(3,4) 向 东 走 3 步 ， 然 后 向 北 走 5 步 
(2, -1) 向 东 走 2 步 ， 然 后 向 南 走 1 步 


在 前 面 的 运动 模拟 例子 中 ,你 已 经 做 过 这 方面 的 编程 了 :在 每 一 帧 动画 中 ( Processing 的 draw( ) 
循环 体 )， 我 们 曾经 让 屏幕 上 的 对 象 分 别 在 水 平和 坚 直 方 癌 移动 了 几 个 像素 到 达 新 位 置 。 


加 二 八 VIA 
局 本 






新 位 首 





坚 直 移动 
位 置 水 平移 动 
图 1-3 


对 每 一 帧 动画 : 


新 位 置 = 当前 位 置 在 速度 作用 下 的 位 置 


1.2 ”Processing 中 的 向 量 27 


如 琳 速 度 是 一 个 回 量 ( 两 点 之 间 的 差异 )， 那 位 置 是 否 也 是 一 个 回 量 ? 从 概念 上 说 ， 有 人 会 
争论 说 位 置 并 不 是 疝 量 , 因为 它 没有 描述 从 条 个 点 到 为 一 个 点 的 移动 , 它 只 摘 述 了 空间 中 的 一 个 
点 而 S O 

然而 ， 对 于 位 置 这 个 概念 ,万 一 种 摘 述 是 从 原点 到 该 位 置 的 移动 路 径 。 因 此 位 置 也 可 以 用 一 
个 向 量 表示 ， 它 代表 原点 与 该 位 置 的 差异 。 





速度 向 量 告诉 我 们 
如 何 从 一 个 位 置 移 
动 到 另 一 个 位 置 


位 置 向 量 给 我 们 一 个 
相对 于 原点 的 位 置 





图 1-4 
让 我 们 来 看 看 位 置 和 速度 背后 的 数据 。 在 弹 球 例子 中 : 





位 置 x y 
速度 xspeed、 yspeed 


请 注意 我 们 如 何 存储 位 置 和 速度 数据 : 用 两 个 浮 点 数 ， 一 个 浮 点 数 代表 x 坐标 ， 男 一 个 浮 点 
数 代 表 y 坐 标 。 如 采 我 们 利己 写 个 类 来 表示 癌 量 ， 那 么 可 以 这 么 开始 : 
class PVector { 


float x; 
float y; 


PVector(float x , float y ) { 
XX 


y=y; 
} 

} 

在 这 里 ，PVector 只 是 存储 了 两 个 变量 (或 者 三 维 世 界 中 的 3 个 变量 ) 的 简单 数据 结构 。 

之 前 的 初始 化 过 程 : 


float x = 100; 
float y = 100; 
float xspeed = 1; 
float yspeed = 3.3; 
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变 成 了 : 


PVector location 
PVector velocity 


既然 我 们 已 经 有 了 位 置 和 速度 这 两 个 癌 量 对 象 ， 接 下 来 就 可 以 开始 实现 最 基本 的 运动 模拟 : 
新 位 置 = 原 位 置 + 速度 。 示例 代码 1-1 没 有 用 到 向 量 ， 我们 是 这 么 做 的 : 


new PVector(100,100); 
new PVector(1,3.3); 


x = x + xspeed; 将 速度 与 当前 位 置 相 加 
y = y + yspeed; 


在 理想 情况 下 ， 我 们 希望 用 下 面 的 代码 完成 同样 的 操作 : 


location = location + velocity; 将 速度 向 量 与 位 置 向 量 相 加 





然而 ,在 Processing 语 言 中 ,加 号 (+ ) 操作 符 是 为 原生 数据 类 型 ( 整数 、 浮 点 数 每 ) 预 留 的 。 
Processing 并 不 知道 如 何 将 两 个 PVector 对 象 相 加 ， 就 像 它 也 不 知道 如 何 将 两 个 PFont 对 象 或 
PImage 对 象 相 加 一 样 。 但 幸运 的 是 ，PVector 类 可 以 包含 一 些 常 用 的 数学 操作 浮 数 。 


1.3 ” 回 量 的 加 法 


在 继续 学 习 PVector 类 和 它 的 add( ) 方 法 (Processing 已 经 替 我 们 实现 了 这 个 函数 ) 之 前 ,让 
我 们 先 从 数学 和 物理 学 的 角度 学 习 回 量 加 法 的 原理 。 

问 量 通常 用 粗 体 或 者 项 上 币 季 头 的 字母 表示 。 在 本 书 中 , 为 了 能 区 分 向 量 和 标量 ( 标量 指 单 
个 伸 ， 束 像 整 数 或 浮 点 数 )， 我 们 用 向 季 尖 的 方式 表示 一 个 问 量 : 














口 回 量 : 元 
口 标量 : x 
如 果 我 们 有 下 面 两 个 向 量 : 
5 3 
| 2 | 
| | 4 
| 
U = (5, 2) V= (3, 4) | 
图 1-5 








每 个 回 量 都 有 两 部 分 数据 
x 和 y 分 别 相 加 。 


x 和 y。 为 了 把 这 两 个 向 量 加 在 一 起 ,我 们 只 和 需 人 简单 地 将 它们 的 
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2+4=6 





也 就 是 说 
w=U+y 
可 以 表示 为 : 
W =U, +y, 


Ww, = U, + 
然后 ， 把 uw 和 v 蔡 换 成 它们 在 图 1-6 中 对 应 的 值 : 


w, =3+3 


这 意味 着 ,最 后 ， 我 们 得 到 相 加 后 的 向 量 : 


w = (8,6) 








既然 我 们 已 经 学 会 了 如 何 将 两 个 器 量 相 加 ， 接 下 来 ， 就 可 以 尝试 着 用 代码 实现 PVector 类 的 
加 法 操作 。 添 加 一 个 add() 函数 ， 这 个 也 数 的 参数 是 被 相 加 的 PVector 对 象 : 


class PVector { 





float x:; 
float y; 


PVector(float x , float y ) { 


人 
yY=y ; 

} 

void add(PVector v) { 该 函数 将 两 个 向 量 相 加 
yY=y+Vyi 只 需 简单 地 将 X、yY 分 量 分 别 相 加 
X=XxX+V.x; 

} 
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在 PVector 中 实现 add () 函数 之 后 ， 我 们 可 以 把 它 运 用 到 之 前 的 弹 球 程序 中 ， 用 回 量 加 法 实 
现 位 置 + 速 度 的 算法 : 
locatien = lecation + vetocity; 为 位 置 加 上 当前 速度 


location.add(velocity); 


好 了 ， 下 面 我 们 可 以 用 PVector 类 重 写 弹 球 程序 了 。 





示例 代码 1-2 用 PVector 对 象 实现 弹 球 程序 


PVector location; 用 PVector 对 象 表示 速度， 代替 之 前 的 浮 点 数 ， 
PVector velocity:; 现在 我 们 有 两 个 PVector 变量 


void setup() { 
size(200,200); 
smooth(); 
location = new PVector(100,100); 
velocity = new PVector(2.5,5); 


} 


void draw() { 
background (255); 


location.add(velocity); 


if ((Location.Xx > width) || (location.x < 0)) { 如 果 我 们 要 引用 向 量 的 两 个 分 量 ， 
velocity.x = velocity.x * -1; 可 以 用 Location .x、 
} Velocity.y 等 点 语法 引用 它们 
if ((Location.y > height) || (Location.y < 0)) { 
velocity.y = velocity.y * -1; 
} 


stroke(0); 
fill(175); 
ellipse(location.x,location.y, 16,16); 


} 


你 可 能 会 感到 有 点 失望 。 做 了 这 么 多 , 我 们 却 没有 让 代码 变 简 单 ,， 反而 让 它 比 原来 的 版 本 更 
复杂 了 。 虽 然 这 是 一 个 完全 合理 的 质疑 ， 但 你 也 需要 清楚 地 知道 ， 我 们 还 没有 到 分 见识 到 回 量 编 
程 的 真正 威力 。 看 看 上 面 的 弹 球 程序 ， 实 现 癌 量 的 加 法 只 是 第 一 步 。 当 我 们 继续 深入 ， 接 触 到 由 
多 个 物体 和 多 种 力 〈 我 们 将 在 第 2 章 介绍 它 ) 组 成 的 复杂 情形 时 , PVector 类 的 好 处 就 会 突显 出 来 。 

在 上 面 的 代码 变化 中 ， 你 还 应 该 注意 到 一 个 关键 点 。 尽 管 我 们 用 PVector 对 象 描 述 两 个 变 
量 一 一 位 置 的 xz 坐标 和 ) 坐 标 以 及 速度 的 x 分 量 和 y 分 量 ， 但 有 时 候 还 是 需要 单独 引用 PVector 类 中 
的 x 变量 和 y 变 量 。 比 如 ， 如 果 要 在 Processing 中 绘制 一 个 物体 ， 我 们 不 能 这 么 做 : 


























和 
了 了 了 
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eLLipse() 国 数 不 能 接受 PVector 对 象 作为 它 的 参数 。 我 们 只 能 传人 两 个 标量 值 作为 参数 : 
一 个 x 坐 标 和 一 个 ?坐标 。 因 此 ， 我 们 可 以 采用 面 回 对 象 的 点 语法 从 PVector 对 象 中 分 别 获 取 它 的 


~ ~ 
x 变量 和 y 变 量 。 


ellipse(location.x, location.y, 16, 16); 4 
在 判断 对 象 是 否 达到 窗口 的 边缘 时 ,我 们 会 碰 到 一 样 的 问题 。 同 样 ,我们 需要 访问 位 置 癌 量 
和 速度 向 量 内 部 的 两 个 变量 : 


if ((Location.X > width) || (Location.X < 0)) { 
velocity.x = velocity.x * -1; 











} 


练习 1.1 


在 前 面 的 Processing 编程 例子 中 ， 找 一 个 单独 使 用 X 和 变量 的 场景 ， 用 PVector 对 象 重 
新 实现 它 。 


练习 1.2 


挑选 引言 中 的 一 个 随机 游 走 示例 ， 用 PVector 对 象 改 造 它 。 


练习 1.3 
将 用 向 量 实现 的 弹 球 程序 扩展 到 三 维 空间 。 你 能 否 模拟 球体 在 一 个 箱子 内 反弹 的 效果 ? 





1.4 更 多 的 向 量 运算 


上 面 的 向 量 加 法 只 是 一 个 开始 ， 除 了 加 法 ， 还 有 很 多 常用 的 向 量 运算 。 下 面 的 列表 给 出 了 
PVector 类 中 的 所 有 哺 数 及 对 应 的 向 量 运算 。 我 们 会 重点 学 习 儿 个 关键 函数 。 在 后 续 革 方 中 ， 随 
者 接触 的 例子 变 得 越 来 越 复杂 ， 我 们 也 会 继续 介绍 更 多 的 回 量 运算 毅 数 。 











D add() 器 量 相 加 
OD sub() 问 量 相 减 
Dmult() 乘 以 标量 以 延伸 向 量 
Ddiv() 除 以 标量 以 缩短 问 量 


D mag() 计算 癌 量 的 长 度 








DD setMag() 设 定 回 量 的 长 度 

D normaLize() 单位 化 回 量 ,使 其 长 度 为 1 
DTLimit() 限制 器 量 的 长 度 

D heading2D() 计算 回 量 的 方 问 ， 用 角度 表示 
D rotate() 旋转 一 个 二 维 问 量 

D lerp() 线性 插值 到 为 一 个 问 量 
Ddist() 计算 两 个 向 量 的 欧 几 里 得 距离 
口 angleBetween() ”计算 两 个 癌 量 的 夹 角 

D dot() 计算 两 个 向 量 的 点 乘 

D cross() 计算 两 个 回 量 的 又 乘 〈 只 涉及 三 维 空间 ) 
DD random2D ( ) 返回 一 个 随机 的 二 维 癌 量 

DD random3D() 返回 一 个 随机 的 三 维 同 量 





我 们 已 经 在 前 面 竺 习 了 向 量 的 加 法 ,下 面 开始 人 研究 向 量 的 减法 。 减 法 很 休 单 ， 只 是 把 之 击 的 
加 号 换 成 减 写 而 已 ! 


1.4.1 向 量 的 减法 





可 以 写成 : 
W =U, —V, 
Wm 
. 
| | 
lr 
| 
= (5, 2) v=(3,4) YW W=0-V= (2, 2) 


图 1-7 ” 癌 量 的 减法 


在 PVector 类 中 ,减法 函数 是 这 么 实现 的 : 


void sub(PVector v) { 
X=Xx - V,X; 
y=Yy -Vv.y; 

} 
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下 面 的 例子 展示 了 回 量 减 法 ， 它 实现 的 功能 是 : 求 屏 必 中 心 点 与 鼠标 所 在 点 之 间 的 卷 。 
8 -Lavecorsubracom 


一 





示例 代码 1-3” 问 量 减法 


void setup() { 
size(200,200); 
} 


void draw() { 
background (255); 
PVector mouse 
PVector center 


new PVector(mouseX,mouseY); 两 个 向 量 ， 一 个 表示 和 鼠标 位 置 ， 
new PVector(width/2,height/2); 一 个 表示 窗口 中 心 


mouse. sub(center); 向 量 的 减法 | 


translate(width/2,height/2); 绘制 一 条 线段 表示 向 量 


line(0,0,mouse.x,mouse.y); 


} 
1.4.2 向量 加 减法 的 运算 律 
向 量 加 减法 的 运算 律 和 普通 数值 的 运算 率 一 样 。 








交换 律 : ut+v=v+u 


结合 律 : ut(v+w)= (utv)+w 


将 上 面 星 深 难 异 的 术语 放 在 一 边 , 这 只 是 一 个 很 简单 的 概念 。 一 句 话 ， 回 量 的 运算 和 普通 的 
运算 在 这 里 没什么 区 别 。 





3+2=2+3 
(3+2)+1 = 3+(2+1) 
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1.4.3 ”向 量 的 乘 ; 


在 介绍 癌 量 的 乘法 之 前 ,我 们 必须 指出 概念 上 的 一 点 点 不 同 。 当 我 们 资 问 量 的 乘法 时 ,， 一般 
指 的 是 改变 问 量 的 长 度 。 如 朵 想 让 某 个 向 量 的 长 度 延伸 为 原来 的 两 信 ， 或 者 缩短 为 原来 的 1/3， 
我 们 会 说 “将 向 量 乘 以 2” 或 者 “将 向 量 乘 以 113”。 注 意 ， 这 里 我 们 是 把 向 量 乘 以 一 个 标量 ， 而 
不 是 乘 以 妃 一 个 癌 量 。 





图 1-8 改变 回 量 的 长 度 





为 了 改变 加 量 的 长 度 ， 我 们 将 回 量 的 各 部 分 分 别 乘 以 标量 : 








w=uU*n 
等 同 于 : 
Ww =U, *n 
w, =U,*n 
用 问 量 分 量 表示 癌 量 的 乘法 示例 : 
u =(-3,7) 
n=3 
Ww =U*n 
Ww, = —3*3 
w, =7*3 
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因此 ， 在 PVector 类 中 ， 回 量 的 乘法 可 以 这 样 实现 


void mult(float n) { 
X=x*n; 在 向 量 来 法 中 ， 
2 两 个 分 量 分 别 乘 以 某 个 数字 
} 


在 具体 应 用 中 ， 调 用 乘法 函数 也 很 简单 : 


PVector U = new PVector(-3,7) ; 


u.mult(3); PVector 的 长 度 变 成 了 原来 的 3 位， 现在 等 于 
(9 21) 





_1 4 vector_multiplication 





示例 代码 1-4” 问 量 乘法 


void setup() { 
size(800,200); 
Smooth () ; 


} 


void draw() { 
background(255 ) ; 


PVector mouse = new PVector(mouseX,mouseY); 


PVector center = new PVector(width/2,height/2); 
mouse. sub (center); 


mouse.mult(0.5); 向 量 的 乘法 运算 | 向 量 的 长 度 变 成 了 原来 的 一 半 ( 乘 
以 0.5) 


translate(width/2,height/2); 
line(0,0,mouse.x,mouse.y); 


} 
除法 和 乘法 一 样 ， 只 需要 将 乘 号 〈 星 号 ) 换 成 除 号 (正和 斜 杠 )。 





void div(float n) { 


(f 
x x / ni; 
y=y/n; 
} 


PVector U = new PVector(8,-4); 


udiv(2); 向 量 除 以 21 现在 向 量 是 原 大 小 的 一 半 
1.4.4 ”更 多 的 向 量 运算 律 


和 回 量 的 加 法 一 样 ， 基 本 的 代数 运算 律 也 适用 于 加 量 的 乘除 法 。 


结合 律 : (nm)*v=n*(mv) 





两 个 标量 和 一 个 向 量 之 间 的 分 配 律 : (nx*m)+v=n*vt+m*v 


两 个 向 量 和 一 个 标量 之 间 的 分 配 律 (#4 *n = Wn+Vn 


1.5 向量 的 长 度 


乘除 法 可 以 改变 一 个 同 量 的 长 度 ， 同 时 使 回 量 的 方 加 保持 不 变 。 你 可 能 会 括 感 : 那 我 怎么 知 
违 这 个 回 量 的 长 度 是 多 少 ? 我 知道 它 的 x 分 量 和 )y 分 量 , 但 它 到 的 有 多 长 呢 (以 像素 为 单位 ) ? 理 
解 问 量 长 度 的 计算 原理 是 非常 有 用 的 。 





7 回 量 的 长 度 是 多 少 ? 
ys 
De 
X=4 


图 1-10 ”向 量 v 的 长 度 通常 表示 为 : /v W 








在 上 图 中 , 疝 量 本 里 和 它 的 两 个 分 量 (x 分 量 和 y 分 量 ) 围 成 了 一 个 直角 三 角形 。 三 角形 的 下 
是 它 的 两 个 分 量 ， 笠 边 是 它 本 喘 。 我 们 非常 笠 运 能 够 拥有 这 个 再 角 三 角形 ， 因 为 希腊 数学 家 
哥 拉 斯 提出 了 一 个 有 趣 的 公式 〈 勾 股 定理 )， 这 个 公式 揭示 了 和 直角 三 角形 两 条 直角 边 和 和 斜 边 

















角 边 
毕 达 


1.5 向 量 的 长 度 


之 间 的 关系 。 
如 图 ， 人 勺 股 定理 就 是 a 的 平方 加 上 5 的 平方 等 于 c 的 平方 。 


a* 十 二 C2 
C 
| 、 或 


2 2 
a c=\V\a “+hb 


图 1-11 色 股 定理 





有 了 这 个 公式 ， 我 们 就 可 以 用 下 面 的 方法 计算 一 个 回 量 的 长 度 : 


二 + VV, *y, 





在 PVector 中 ， 我 们 这 么 实现 它 : 


float mag() { 
return sqrt(x*x + y*y); 


} 


_1 5 vector_magnitude 


Bi 





示例 代码 1-5 ” 癌 量 的 长 度 


void setup() { 
size(800,200); 
Smooth () ; 


} 


void draw() { 
background (255); 


PVector mouse = new PVector(mouseX,mouseY); 
PVector center = new PVector (width/2,height/2); 
mouse. sub (center); 


float m = mouse.mag(); 可 以 通过 mag ( ) 函数 计算 向 量 的 长 度 。 
fill(0); 借助 mag ( ) 函数 ， 这 段 代 码 在 窗口 


rect(0,0,m,10): 顶部 绘制 了 一 个 矩形 


" 
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translate(width/2,height/2); 
line(0,0,mouse.x,mouse.y); 


} 
1.6 ”单位 化 同 量 


计算 癌 量 的 长 度 只 是 一 个 开始 。 长 度 计 算 函 数 引 入 了 更 多 的 癌 量 运 
单位 化 也 称 为 正规 化 ,正规 化 就 是 把 茶 种 事物 变 成 “标准 ”或 “ 币 规 ”状态 。 一 个 “标准 ”的 加 
量 就 是 长 度 为 1 的 向 量 。 因 此 ,将 一 个 向 量 单位 化 ， 就 是 使 它 的 方向 保持 不 变 , 但 长 度 变 为 1， 这 
样 的 问 量 称 为 单位 向 量 。 


， 第 一 个 就 是 单位 化 。 





问 量 的 长 度 癌 量 的 长 度 等 于 1 
等 于 10 
-> <- 疙 
单位 化 处 理 
图 1-12 





由 于 单位 回 量 摘 述 了 一 个 回 量 的 方 回 ， 又 不 用 关心 长 度 , 所 以 ,获取 一 个 回 量 的 单位 回 量 是 
非 鱼 有 用 的 操作 。 在 第 2 章 有 关 力 的 话题 中 ， 我 们 将 看 到 它 的 作用 。 








对 于 一 个 给 定 的 向 量 w ， 它 的 单位 向 量 (表示 成 ) 可 以 通过 以 下 方法 计算 得 到 ; 








也 就 是 说 ,要 单位 化 一 个 向 量 , 我们 只 需要 将 它 的 每 个 分 量 除 以 它 的 长 度 。 下 岁 中 ， 有 一 个 
长 度 为 5 的 问 量 , 为 了 将 其 单位 化 ,在 对 应 的 下 角 三 角形 中 ,我们 需要 将 冬 边 的 长 度 细 短 到 1， 也 
怠 是 将 它 除 以 5， 这 样 三 角形 的 各 条 边 都 缩短 为 原来 的 1/S。 


5 5/5 = 1 
二 3/5 以 


4 除 以 51 4/5 
图 1-13 








在 PVector 类 中 ， 我 们 这 么 实现 癌 量 的 单位 化 : 


void normalize() { 
float m = mag(); 
div(m); 


} 


这 里 还 有 个 小 问题 。 如 采 回 量 的 长 度 为 0, 会 发 生 什么 ”我 们 不 能 将 一 个 数 除 以 01 我 们 可 以 
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在 代码 中 加 入 除 0 判断 以 修复 这 个 问题 : 


void normalize() { 
float m = mag(); 
if (m != 0) { 
div(m); 


} 


_1 6 vector normalize 





示例 代码 1-6 ”单位 化 向 量 


void draw() { 
background (255 ) ; 


PVector mouse = new PVector(mouseX ,mouseY ) ， 
PVector center = new PVector (width/2,height/2); 
mouse. sub (center); 


mouse.normalize(): 向 量 被 单位 化 后 ， 为 了 让 它 在 屏幕 上 可 见 ， 我 们 将 
它 乘 以 50。 注 意 ， 无 论 鼠 标 在 哪里 ， 向 量 的 长 度 总 
是 等 于 50 


mouse.mult(150); 
translate(width/2,height/2); 
line(0,0,mouse.x,mouse.y); 


1.7 ” 问 量 的 运动 : 速度 


上 面 说 到 的 回 量 运算 是 我 们 必须 竺 握 的 基础 知识 , 为 什么 它们 如 此 重要 ?它们 对 编码 有 何 带 
助 ? 对 此 我 们 要 有 一 点 点 耐心 。 在 能 完全 使 用 PVector 类 的 强大 功能 之 前 ,我 们 还 需要 走 很 长 的 
路 。 和 擎 握 任何 新 的 数据 结构 ,都 需要 一 段 漫 长 的 学 习 过 程 。 举 个 例子 ， 你 刚 开 始 学 习 数 组 时 可 能 
会 觉得 ， 比 起 用 多 变量 实现 功能 ， 使 用 数组 貌似 要 做 更 多 的 事情 ,但 当 涉 及 成 百 上 干 的 变量 时 ， 
数组 的 作用 就 马上 显现 出 来 了 。 对 于 PVector 类 ， 人 情况 也 是 如 此 。 现 在 的 学 习 会 在 以 后 给 你 市 来 
更 好 的 收益 。 对 于 回 量 的 运算 ， 你 不 必 等 太 长 时 间 ， 因 为 在 下 一 章 我 们 就 会 得 到 回报 。 


我 们 先 从 简单 的 例子 入 手 。 如 何 用 向 量 对 运动 进行 编程 模拟 ?示例 代码 1-2 是 一 个 弹 球 程 序 ， 
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在 这 个 例子 中 , 屏幕 中 的 对 象 有 自己 的 位 置 (任意 给 定时 刻 的 位 置 ) 和 速度 ( 物体 在 下 一 秒 该 如 
何 运 动 )， 位 置 加 上 当前 速度 可 以 得 到 一 个 新 的 位 置 : 

Location.add(veLocity ) ; 

然后 ， 我 们 在 这 个 新 的 位 置 上 绘制 对 象 : 

ellipse(location.x, location.y,16,16); 

这 就 是 我 们 要 介绍 的 第 一 个 运动 模拟 程序 ( 我 们 称 为 运动 101 ): 

(1) 当前 位 置 加 上 速度 得 到 一 个 新 的 位 置 

(2) 在 新 的 位 置 上 绘制 对 象 。 

在 弹 球 程序 中 ， 所 有 代码 都 写 在 Processing 主 标签 页 的 setup () 函数 和 draw() 忒 数 中 。 我 们 
下 面 要 做 的 就 是 把 运动 的 逻辑 封装 到 一 个 类 中 。 通 过 这 种 方式 , 我 们 可 以 构建 一 个 与 物体 运动 相 
关 的 基础 类 库 。 在 1L.2 节 ， 我 们 简要 地 回顾 了 面 问 对 象 编 程 的 基础 。 本 书 假 定 你 有 使 用 Processing 
对 象 和 类 的 经 验 。 如 果 你 需要 复习 一 下 这 些 基础 ， 我 建议 你 看 看 Processing 对象 教程 
( http://processing.org/learning/objects/ )。 

我 们 将 创建 一 个 通用 的 Mover 类 ， 用 来 实现 物体 在 屏幕 上 的 运动 模拟 。 在 此 之 前 ， 我 们 必须 
考虑 下 面 两 个 问题 : 

(1) Mover 有 了 哪些 数据 ; 

(2) Mover 有 哪些 功能 。 

运动 101 的 模拟 程序 已 经 告诉 我 们 这 两 个 问题 的 答案 。 一 个 Mover 对 象 有 两 部 分 数据 : 位 置 
和 速度 ， 这 两 个 数据 都 是 PVector 对 象 。 


class Mover { 





























PVector location; 
PVector velocity; 


Mover 对 象 的 功能 也 很 简单 。 它 需要 能 够 移动 ， 还 需要 被 显示 出 来 。 我 们 将 这 两 个 功能 实现 
为 update() 困 数 和 disptay() 果 数 。 所 有 的 运动 逮 辑 代码 都 放 在 update( ) 困 数 中 ， 而 显示 代码 
放 在 dispLay() 困 数 中 。 


void update() { 


location.add(velocity); Morer 对 象 开 始 移 动 
} 
void display() { 

stroke(0); 

fill(175); 

ellipse(location.x, location.y,16,16); 绘制 Mover 对 象 
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我 们 还 忘 了 一 个 关键 的 函数 ， 就 是 对 象 的 构造 函数 。 构 造 函 数 是 个 特殊 的 类 成 员 函 数 , 用 于 
创建 对 象 本 身 的 实例 ,在 构造 函数 中 , 我 们 指定 一 个 对 象 如 何 创建 。 它 的 函数 名 总 是 和 类 名 一 样 ， 
并 通过 new 操 作 符 调用 : 





Mover m = new Mover(); OO 
在 构造 国 数 中 ， 我 们 用 随机 的 位 置 和 速度 初始 化 这 个 Mover 对 象 : 
Mover() { 

location new PVector(random(width),random(height)); 


velocity new PVector(random(-2,2),random(-2,2)); 


} 


如 采 你 不 咒 悉 面 回 对 象 编程 ， 上 面 的 代码 可 能 会 让 你 感到 困惑 。 我 们 在 本 章 的 开头 讨论 了 
PVector 类 ， 位 置 对 象 和 速度 对 象 就 是 PVector 类 的 实例 对 象 。 但 在 这 里 ， 这 两 个 对 象 义 变 成 了 
Mover 对 象 的 内 部 成 员 ， 这 是 怎么 回 事 ?实际 上 ， 这 很 容易 理解 。 一 个 对 象 只 是 数据 ( 和 功能 
的 载体 。 对 象 内 部 的 数据 可 以 是 数值 (《 整 型 、 浮 点 型 ， 等 等 )， 也 可 以 是 其 他 对 象 ! 在 后 面 我 们 
会 看 到 更 多 这 样 的 用 法 。 比 如 在 4.1 市 我 们 会 写 一 个 类 ， 用 于 描述 粒子 系统 。 粒 子 系统 对 象 会 包 
含 很 多 粒子 对 象 ， 而 粒子 对 象 内 部 也 有 很 多 PVector 对 象 。 

最 后 我 们 再 添加 一 个 函数 ， 用 于 定义 对 象 达 到 屏 旬 边缘 时 的 行为 。 我 们 可 以 人 简单 地 实现 它 ， 
让 它 环 绕 边 绿 运 动 。 


void checkEdges() { 




















if (location.x > width) { 一 旦 达到 边缘 ， 
location.x = 0; 就 把 它 的 位 置 设置 到 另 一 边 
} else if (location.x < 0) { 
location.x = width 


} 


If (location.y > height) { 
location.y = 0; 

} else if (location.y < 0) { 
location.y = height; 

} 


} 


既然 我 们 已 经 完成 了 Mover 类 ， 下 面 就 要 开始 在 主 程序 中 使 用 它 了 。 首 先 ， 我 们 声明 一 个 
Mover 对 象 : 











Mover mover ; 


然后 ， 在 setup () 函数 中 初始 化 这 个 对 象 : 


mover = new Mover( ) ; 


最 后 ,在 draw( ) 荫 数 中 调用 它 的 成 员 消 数 : 
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mover.update!( ); 
mover. checkEdges ( ) ; 
mover.display(); 


以 下 是 整个 程序 的 运行 效果 和 代码 : 





_1 7 motionl01l 





示例 代码 1-7 运动 101 ( 速度 ) 


Mover mover.; 声明 Mover 对 象 


void setup() { 


} 


size(200,200); 
smooth():; 


mover = new Mover( ) ， 创建 Mover 对 象 


void draw() { 


} 


background (255); 


mover.update(); 调用 Mover 对 象 的 成 员 池 数 
mover. checkEdges (); 
mover.display(); 


class Mover { 


PVector location; 对 象 有 两 个 PVector 变 量 : 
PVector velocity; 位 置 和 速度 
Mover() { 


location = new PVector(random(width), random(height)); 
velocity = new PVector(random(-2, 2), random(-2, 2)); 


} 


void update() { 
location.add(velocity); 运动 101: 当前 位 置 加 上 速度 得 到 一 个 新 的 位 置 
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void display() { 
stroke(0); 
fill(175); 
ellipse(location.x, location.y, 16, 16); 


} 


void checkEdges() { 
if (location.x > width) { 
location.x = 0; 
} else if (location.x < 0) { 
location.x = width; 


} 


if (location.y > height) { 
location.y = 0; 

} else if (location.y < 0) { 
location.y = height; 

} 
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到 目前 为 止 ， 我 们 已 经 搞 懂 了 两 个 关键 的 知识 点 : (1) PVector 类 ; (2) 如 何在 对 象 内 部 用 
PVector 跟 踪 位 置 和 运动 。 这 是 一 个 很 好 的 开头 ， 但 在 庆 资 之前， 我们 想 再 癌 前 走 一 步 。 毕 苋 ， 
从 运行 效果 上 看 ， 上 面 的 模拟 程序 略 显 单调 屏 俊 中 的 圆 从 来 不 会 加 速 ,不 会 减速 ， 也 不 会 改 
变 运 动 方 辐 。 为 了 让 它 的 运行 效果 更 有 趣 ， 更 接近 现实 生活 中 的 运动 ， 我 们 需要 在 Mover 类 中 加 
入 一 个 新 的 PVector 对 象 一 acceleration (加 速度 )。 

我 们 所 指 的 加 速度 的 严格 定义 是 : 速度 的 变化 率 。 这 并 不 是 一 个 新 的 概念 。 速 度 被 定义 为 位 
置 的 变化 率 。 从 本 质 上 说 ， 这 是 一 种 “ 泪 滴 ”效应 。 加 速度 影响 速度 ， 继 而 有 影响 位 置 ( 这 里 只 是 
铺 执 , 下 一 半 的 情况 会 更 加 复杂 , 我 们 会 看 到 力 如 何 影响 加 速度 , 继而 影响 速度 , 最 后 影响 位 置 )。 
用 代码 表示 就 是 : 


velocity.add(acceleration); 
location.add(velocity); 


作为 练习 ， 从 现在 开始 ,我 们 要 为 日 己 制定 一 个 准则 。 在 本 书后 续 的 例子 中 ,我 们 最 好 不 需 
要 下 接 接 触 速度 和 位 置 (除了 初始 化 它们 ) 换 名 话说， 本 章 的 运动 模拟 要 达到 这 样 的 效 末 : 我 
们 只 需要 设计 某 种 加 速度 的 算法 ， 最 后 就 能 让 基础 类 完成 速度 和 位 置 的 计算 。( 实际 上 ， 你 会 找 
到 打破 这 个 准则 的 理由 ， 但 这 个 准则 在 运动 模拟 中 确实 非常 重要 。) 现在 ， 让 我 们 制定 几 种 获取 
加 速度 的 算法 。 
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(2) 完全 随机 的 加 速度 

(3) 绢 着 鼠标 所 在 方向 的 加 速度 

算法 1 用 的 是 一 个 常量 加 速度 ， 这 不 是 很 有 趣 ， 却 是 最 简单 的 算法 ， 我 们 可 以 通过 它 学 习 如 
何在 代码 中 实现 加 速度 。 首 先 ， 我 们 需要 在 Mover 类 中 添加 一 个 新 的 PVector 对 和 象 : 


class Mover { 





PVector location; 
PVector velocity; 


PVector acceleration; 新 的 加 速度 向 量 


在 update( ) 苯 数 中 加 入 加 速度 : 


void update() { 








velocity.add(acceleration); 运动 算法 现在 
location.add(velocity); 只 有 两 行 代码 
} 
到 这 里 ,我们 差不多 已 经 完成 了 。 唯 一 遗漏 的 就 是 构造 消 数 中 的 初始 化 代码 : 
Mover()t{ 





我 们 想 在 一 开始 把 Mover 对 象 放 在 屏幕 的 正中 间 : 
Location = new PVector(width/2,height/2); 
初始 速度 为 0: 
velocity = new PVector(0,0); 
这 意味 着 当 Sketch 开 始 运 行 时 ， 这 个 对 象 是 静止 不 动 的 。 我 们 也 不 需要 关心 物体 的 速度 ， 因 
为 接 下 来 物体 的 运动 将 完全 由 加 速度 控制 。 根 据 算法 1， 程 序 需 要 一 个 常量 加 速度 ， 因 此 我 们 选 
择 一 个 值 作 为 加 速度 : 


acceleration = new PVector(-0.001,0.01); 





} 

也 许 你 会 党 得 这 个 加 速度 太 小 了 。 这 个 值 确实 很 小 , 但 别 志 了 加 速度 ( 以 像 系 为 单位 ) 对 速 
度 有 索 加 的 影响 效应 ， 根 据 Sketch 的 动画 帧 速 ， 每 秒 钟 速度 的 增 量 是 加 速度 的 30 倍 。 所 以 为 了 把 
速度 回 量 的 大 小 控制 在 一 定 范 围 内 ， 加 速度 必须 非 笛 小 。 我 们 还 可 以 用 PVector 的 Limit() 冰 数 
限制 速度 的 大 小 : 


velocity.limit(10); Limit() 有 函数 限制 了 向 量 的 长 度 
这 段 代 码 的 运行 逻辑 是 这 样 的 : 
当前 的 速度 有 多 大 ? 如 果 小 于 10， 保 持 这 个 速度 ; 如 果 大 于 10， 就 把 它 减 小 到 10。 
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练习 1.4 


为 PVector 类 实现 Limit() 函数 : 


void limit(float max) { 
人 








意 和 恒定 的 加 速度 ) 


8 


示例 代码 1-8 运动 101 ( 速 
class Mover { 


PVector location; 


PVector velocity; 
加 速度 是 关键 


PVector acceleration; 
topspeed 变 量 限制 了 速度 的 大 小 


float topspeed ; 


Mover() { 
Location = new PVector(width/2, height/2); 
= new PVector(0, 0); 


velocity = 
acceleration = new PVector(-0.001, 0.01); 
topspeed = 10; 
} 
void update() { 
velocity.add(acceleration); 速度 受 加 速度 影响 ， 
velocity.limit(topspeed); 并 且 受 topspeed 变 量 限 制 
Location.add(veLocity ) ; 
} 


void display() 1{} dispLay() 函 数 和 之 前 一 样 
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void checkEdges(){} CheckEdges () 有 函数 和 之 前 一 样 


练习 1.5 


模拟 一 辆 可 控制 的 汽车 : 按 向 上 键 时 ,汽车 加 速 ; 按 向 下 键 时 ， 汽车 减速 








下 面 来 看 看 算法 2 ( 完全 随机 的 加 速度 ), 该 算法 中 的 加 速度 是 随机 确定 的 ， 因此， 我们 不 能 
只 在 构造 函数 中 初始 化 加 速度 值 ， 而 应 该 在 每 一 轮 循环 中 选择 一 个 随机 数 作 为 新 的 加 速度 。 我 们 
ee ) 图 数 中 完成 这 项 任务 。 





motion101_acceleration2 





示例 代码 1-9 运动 101 ( 速度 和 随机 加 速度 ) 


void update() { 


acceleration = PVector.random2D(); 


random2D() 涵 数 返 回 一 个 长 度 为 1、 
方向 随机 的 向 量 


velocity.add(acceleration); 
velocity.limit(topspeed); 
Location.add(veLocity ) ; 


} 








由 于 每 次 调用 PVector.random2D() 得 到 的 向 量 都 是 单位 癌 量 ， 因 此 还 应 该 改变 它 的 大 小 ， 
如 下 。 


(a) 将 加 速度 乘 以 一 个 常量 : 


acceleration = Pvector,random2D1( ) ; 
acceleration.mult(0.5); 


丢 
Wg 


(b) 将 加 速度 乘 以 一 个 随机 值 : 


acceleration = Pvector,random2D1( ) ; 
acceleration.mult(random(2)); 随机 
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我 们 必须 清楚 地 意识 到 这 样 一 个 关键 点 : 加 速度 不 仅仅 会 改变 运动 物体 速度 的 大 小 , 还 会 改 
变速 度 的 方向 。 加 速度 用 于 操纵 物体 , 在 后 面 的 章节 中 ,我 们 将 继续 在 屏幕 上 操纵 物体 运动 , 也 
会 经 党 看 到 加 速度 的 作用 。 





练习 1.6 


参考 16 节 的 内 容 ， 用 Perlin 骂 声 产生 物体 的 加 速度 。 





1.9 ”静态 另 数 和 非 静 芒 男 数 


在 开始 介绍 算法 3〈 朝 着 鼠标 所 在 方向 的 加 速度 ) 之 前 ,为 了 更 好 地 使 用 向 量 和 PVector 类 ， 
我 们 还 需要 了 解 一 项 重要 内 容 : 静态 函数 和 非 静 态 函 数 的 区 别 。 


先 把 回 量 放 在 一 边 ， 让 我 们 看 看 以 下 代码 : 


float x = 0; 
float y = 5; 
X=Xx+y; 


这 是 一 个 很 简单 的 例子 ，x 的 初始 值 是 0， 加 上 y 之 后 ，x 变 成 了 5。 对 于 PVector 对 象 ， 我 们 
也 可 以 很 简单 地 写 出 类 似 代码 。 


PVector v = new PVector(0,0); 
PVector u = new PVector(4,5): 
v.add(u); 


向 量 v 的 初始 值 是 (0, 0)， 加 上 向 量 u 之 后 ， 变 成 了 (4, 5)。 很 简单 ， 对 吗 ? 
然后 ， 再 来 看 一 个 浮 点 计算 的 例子 : 


float x = 0; 
float y = 5; 


float z =x + y; 


x 的 初始 值 是 9， 加 上 y 之 后 ， 把 相 加 得 到 的 结果 赋 给 变量 z。 在 这 个 过 程 中 ，x 的 大 小 从 未 发 
生变 化 〈y 也 没有 ) 对 浮 点 数 的 运算 来 说 ， 这 是 目 然 而 然 的 结果 。 但是， 对 于 PVector 对 象 ， 结 
果 却 不 是 这 样 的 。 我 们 先 按 照 之 前 的 套路 实现 PVector 对 象 的 运算 : 


PVector v = new PVector(0 ,0) ; 
PVector u = new PVector(4,5) ; 


PVYector w = v.add(u).; 不 要 上 当 ， 这 是 错误 的 实现 ! | | 


以 上 的 代码 看 上 去 没什么 问题 ， 但 PVector 类 并 不 是 这 人 么 工作 的 。 仔 细 看 看 add () 的 实现 : 
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void add(PVector v) { 
X=Xx+V.xX; 
y=YyY+V.y,; 


i eA. 首先 ， 它 没有 返回 一 个 新 的 PVector 对 象 ( 它 没 有 返回 
值 ); 其 次 , 在 调用 过 程 中 ，add() 国 数 改变 了 调用 对 象 。 为 了 将 两 个 PVector 对 象 相 加 并 返回 一 
个 新 的 PVector 对 象 ， 我 们 必须 用 静态 的 add ( ) 旺 数 。 


过 类 名 直接 调用 的 函数 ( 而 不 是 通过 对 象 实例 调用 ) 称 为 静态 函数 。 下 面 有 两 个 图 数 调用 
本 它们 都 涉及 v 和 u 两 个 向 量 对 和 象 : 


PVector.add(v,U) ， 静态 函数 : 通过 类 名 调用 








v.add(u); 非 静态 防 数 : 通过 对 象 实例 调用 


之 前 你 可 能 没 碰 到 过 静态 函数 的 用 例 ， 因 为 在 本 和 草 之 前 ， 你 不 知道 如 何在 Processing 中 实现 
一 个 静态 函数 。PVector 的 静态 函数 允许 我 们 对 两 个 呵 量 对 和 象 进行 数学 运算 ， 在 运算 过 程 中 不 改 
变 任何 一 个 对 象 的 值 。 静 态 的 add() 涵 数 可 以 这 样 实现 . 


static PVector add(PVector v1, PVector v2)t{ 静态 的 add () 有 函数 允许 我 们 将 两 个 向 量 相 加 ， 把 结 
果 赋 给 另 一 个 向 量 ， 并 让 原 向 量 保持 不 变 


PVector v3 = new PVector(vl.x + Vv2.x, Vl.y + V2.y); 
return v3; 


} 

和 非 静 态 也 数 相 比 ， 带 态 函 数 有 以 下 特点 : 

口 也 数 被 声明 为 static; 

口 函数 的 返回 类 型 不 是 void， 而 是 一 个 PVector 对 象 ; 

口 函数 中 会 创建 一 个 新 的 PVector 对 象 (v3 )， 它 作为 vI 向 量 和 v2 向 量 相 加 的 结果 被 返 
调用 静态 钠 数 不 需要 引用 实例 对 象 ， 只 需 用 类 名 直接 调用 : 


PVector v = new PVector(0,0): 
PVector u = new PVector(4,5):; 
PYVector w = vadd 人 (hh 


PVector w = PVector.add(v,u); 


PVector 类 还 提供 了 静态 版 本 的 add()、sub()、mult() 和 div() 洱 数 。 








用 静态 函数 或 者 非 静态 函数 实现 以 下 伪 代 码 : 





e PVector 对 象 v 等 于 (1,5); 
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e PVector 对 如 WU 等 于 v 乘 以 2; 
@ PVector 对 象 w 等 于 v 减 去 Ui 
e@ 将 W 向 量 除 以 3。 


PVector v = new PVector(1,5) ; 
PVector u = 


PVector WwW 





1.10 ”加 速度 的 交互 


在 本 章 的 最 后 ， 让 我 们 学 点 稍微 复杂 和 有 用 的 东西 。 在 算法 3 中 ， 物 体 有 参 着 女 标 方向 的 加 
速度 ， 我 们 将 根据 这 一 规则 动态 计算 物体 的 加 速度 。 


NN 鼠标 位 置 


这 就 是 我 们 想 要 的 向 量 (长 度 除外 ) 





图 1-14 





我 们 想 要 根据 某 个 规则 或 公式 计算 一 个 回 量 ， 都 必须 同时 算出 两 部 分 数据 : 大 小 和 方向 。 先 
从 方 回 开始 ， 加 速度 的 方 问 是 物体 朝向 鼠标 的 方向 ， 假 设 物体 的 位 置 是 Ce, y)， 鼠 标的 位 置 是 
(mouseX, mouseY)。 

如 图 1-15 所 示 ， 物 体 的 位 置身 量 减 去 鼠标 的 位 置 回 量 ， 得 到 问 量 (dx, dy)。 


DD dx=mouseX—x 
DQ dy=mouseY 一 





mouserX,mouseY 


了 
| 

dy=mouse}Y—y 
| 


dx=mouseX—x 


图 1-15 
我 们 用 PVector 实 现 上 面 的 逻辑 。 假 设 这 是 在 Mover 类 中 ， 可 以 访问 对 象 的 位 置 : 


PVector mouse = new PVector(mouseX,mouseY); 


PVector dir = PVector.sub(mouse, location); 使 用 静态 Sub ( ) 函数 ， 
得 到 由 某 个 点 指向 另 一 点 的 向 量 


现在 ， 我 们 得 到 一 个 由 Mover 指 向 鼠标 的 PVector 对 象 。 如 果 直 接 把 这 个 向 量 对 象 作为 加 速 
度 ,物体 会 瞬间 移动 到 鼠标 所 在 的 位 置 ， 且 动画 效果 很 不 明显 ,所 以 , 接 下 来 要 做 的 就 是 确定 物 
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体 移 加 鼠标 的 快慢 。 

为 了 设置 加 速度 向量 的 大 小 (无论 大 小 是 多 少 )， 我 们 必须 对 单 位 化 方 回回 量 。 只 要 能 将 方 
问 向 量 缩短 到 1， 我 们 束 得 到 了 一 个 只 代表 方向 的 单位 向量 ， 可 以 将 它 的 大 小 设 成 任意 值 。1 与 任 
何 数 相 乘 ， 属 等 于 那个 数 本 身 。 








dir.normalize(); 
dir.mult(anything); 


我 们 对 上 面 说 到 的 几 个 步骤 做 个 总 结 : 

(1) 计算 由 物体 指向 目标 位 置 ( 鼠标 ) 的 向 量 ; 

(2) 单位 化 该 回 量 〈 将 回 量 的 大 小 缩短 为 1 ); 

(3) 改变 以 上 单位 疝 量 的 长 上 度 ( 乘 以 某 个 合适 的 值 ); 
(4) 将 步 又 (3) 中 得 到 的 向 量 赋 给 加 速度 。 

下 面 ， 我 们 在 update () 枉 数 中 实现 这 些 步 又 : 





_1 10_motion101_acceleration 





示例 代码 1-10” 参 着 鼠标 位 置 加 速 
void update() { 


PVector mouse = new PVector(mouseX,mouseY); 


PVector dir = PVector.sub(mouse, location); 第 一 步 : 计算 方向 
dir.normalize(); 第 二 步 : 单位 化 
dir.mult(0.5); 第 三 步 : 改变 长 度 
acceleration = dir; 第 四 步 : 得 到 加 速度 


velocity.add(acceleration); 
velocity.limit(topspeed); 
location.add(velocity); 


1.10 加 速度 的 交互 S1 

















你 可 能 会 疑惑 ， 为 什么 物体 运动 到 目标 位 置 后 不 会 停 下 来 。 实 际 上 , 它 并 不 知道 自己 是 否 应 
该 在 目标 位 置 俘 下 来 ， 它 只 知道 目标 位 置 在 哪儿 ,并 尽快 地 到 达 目 标 位 置 。 这 意味 春 它 势 必 会 超 
过 目标 位 置 然后 再 回 涉 ， 回 头 后 又 想 尽快 到 达 目 标 位 置 ， 如 此 往复 运动 。 请 你 暂时 先 保持 疑惑 ， 
在 后 面 的 章节 中 ， 我 们 会 学 习 如 何 让 物体 停止 在 目标 位 置 〈 用 减速 的 方法 )。 

本 例 和 引力 的 概念 非常 接近 ( 物体 被 吸引 向 鼠标 所 在 的 位 置 )。 在 下 一 章 中 ， 我 们 会 详细 探 
讨 引 力 。 然而 , 本 例子 和 引力 还 有 个 关键 的 不 同 点 ,引力 的 大 小 ( 加 速度 的 大 小 ) 和 距离 成 反比 ， 
也 就 是 说 ， 物 体 离 鼠 标 越 近 ， 加 速度 越 大 。 


























练习 1.8 
改造 上 面 的 合子， 实现 这 样 的 特性 : 加 速度 大 小 可 变 ， 当 物体 和 和 鼠标 距离 越 近 或 越 远 时 ， 加 


速度 越 大 。 





下 面 有 一 组 物体 〈 而 不 是 一 个 ) 同时 按照 上 述 方式 运动 : 











示例 代码 1-11 一 组 同时 朝 着 鼠标 加 速 的 运动 物体 


Mover[] movers = new Mover[20]; 一 组 对 象 


void setup() { 
size(200,200); 
smooth ( ) ; 
background(255 ) ; 
for (int i = 0; i < movers.length; I++) { 


movers[i] = new Mover(): 实例 化 数组 中 的 每 个 对 象 


} 


void draw() { 
background (255); 


for (int i = 0; i < movers.length; I++) { 
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movers[i].update(); 为 数组 中 的 所 有 对 象 调用 函数 
movers [1I],checkEdges () ; 
movers[i].display(); 


} 


class Mover { 


PVector location; 
PVector velocity; 
PVector acceleration; 
float topspeed; 


Mover() { 
Location = new PVector(random(width),random(height)); 


velocity = new PVector(0,0); 
topspeed = 4; 

} 

void update() { 

计算 加 速度 的 算法 

PVector mouse = new PVector(mouseX,mouseY ) ; 计算 指向 息 标 的 向 量 
PVector dir = PVector.sub(mouse, location); 
dir.normalize(); 单位 化 
dir.mult(0.5); 改变 长 度 
acceleration = dir; 赋 给 加 速度 
velocity.add(acceleration); 运动 101! 加 速度 改变 速度 ， 速 度 改变 位 置 
velocity.limit(topspeed); 
Location.add(veLocity ) ; 

} 

void display() { 绘制 Mover 对 象 
stroke(0); 
fill(175); 
ellipse(location.x,location.y, 16,16); 

} 

void checkEdges() { 边缘 处 理 


if (location.x > width) { 
location.x = 0; 

} else if (location.x < 0) { 
location.x = width ; 
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} 


if (location.y > height) { 
location.y = 0; 

} else if (location.y < 0) { 
Location.y = height; 


-一 





图 1-16 生态 系统 项 目 


生态 系统 项 目 


引言 中 提 到 ， 我 们 会 逐步 按照 各 章 内 容 构 建 一 个 大 项 目 。 一 整个 实践 项 目的 开发 会 贯穿 本 书 
始终 模拟 生态 系统 。 想 象 一 下 ， 一 群 模拟 生物 在 电子 池塘 中 游 来 游 去 ， 并 按照 一 系列 规则 相 
互 影响 。 


第 工 步 练习 


开发 一 套 规则 ， 用 于 模拟 现实 世界 中 生物 的 行为 ， 如 紧张 的 苍蝇 、 游 动 的 鱼 、 跳 跃 的 兔子 、 
滑行 的 蛇 等 。 你 能 否 仅 通过 加 速度 控制 这 些 物体 的 运动 ” 请 试 着 根据 生物 的 行为 特征 (而 不 是 外 
形 特征 )， 赋 予 它们 运动 特性 。 








不 要 低估 原 力 。 
一 一 达 斯 : 维 德 (电影 《星球 大 战 》) 








在 第 1 草 的 最 后 一 个 示例 中 ， 我 们 让 一 个 圆 天 春 鼠 标 所 在 的 方 加 运动， 并 由 此 展示 了 如 何 计 
算 动态 加 速度 。 程序 运行 后 , 我们 看 到 加 和 鼠标 之 间 有 吸引 作用 , 念佛 有 个 力 在 拉 近 它们 之 间 的 
距离 。 本 章 , 我 们 会 正式 学 习 力 的 概念 以 及 力 和 加 速度 的 关系 。 希望 到 本 章 的 最 后 ,你 能 学 会 如 
何 模拟 物体 在 各 种 外 力作 用 下 的 运动 。 


2.1 力 和 和 牛顿 运动 定律 


在 开始 通过 代码 模拟 力 之 前 ， 我 们 先 了 解 力 在 现实 世界 中 的 概念 。 和 和 “向量” 一样 ，“ 力 ” 
这 个 词 也 有 很 多 不 同 的 意义 。 它 可 以 指 代 力 量 的 强度 , 比如 “她 用 力 地 推动 那 块 大 石头 ”或 者 “他 
有 力 地 说 出 那 句 话 ”。 但 是 我 们 所 说 的 力 是 更 书面 化 的 概念 ， 它 源 日 牛顿 运动 定律 : 














力 是 一 个 向 量 ， 它 使 有 质量 的 物体 产生 加 速 。 





看 到 定义 的 第 一 部 分 一 一 力 是 一 个 向 量 ， 你 应 该 感到 由 夷 的 喜悦 。 这 是 因为 在 前 面 一 整 章 ， 
我 们 都 在 谈论 问 量 和 如 何 使 用 PVector 类 。 


下 面 结合 力 的 概念 ， 我 们 来 看 看 牛顿 三 大 运动 定律 。 
2.1.1 和 牛顿 第 一 运动 定律 
牛顿 第 一 运动 定律 通常 简要 地 表述 为 : 


物体 有 保持 静止 或 运动 的 趋势 。 





然而 ， 这 个 表述 遗漏 了 外 力 的 作用 ， 我 们 可 以 把 它 扩展 成 : 


邮 
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除非 有 不 均衡 外 力 的 作用 ， 否 则 物体 始终 保持 静止 或 匀速 直线 运动 状态 。 





在 牛顿 之 前 , 主流 的 运动 学 定律 是 由 亚 里 士 多 德 提 出 的 , 这 个 定律 流传 了 两 千 多 年 , 它 指出 : 
物体 的 运动 需要 外 力 支 持 。 如 果 物 体 没有 被 推动 或 者 拉动 ， 它 就 会 减 慢 速 度 或 者 静止 。 你 觉得 这 
种 说 法 对 吗 ? 

亚 里 士 多 德 的 运动 定律 当然 是 不 对 的 。 在 没有 任何 外 力 的 作用 下 , 运动 的 物体 仍然 可 以 保持 
运动 。 地球 大 气 层 里 的 物体 ( 比如 球 ) 之 所 以 会 减 慢 运动 速度 , 是 因为 它 受 到 了 空气 阻力 的 作用 。 
如 果 没 有 外 力 存 在 ,或 者 外 力 相 互 抵消 ， 即 外 力 的 合力 为 零 ， 物 体 就 会 保持 静止 或 匀速 直线 运动 
状态 。 合 力 为 零 的 状态 也 称 为 平衡 状态 。 一 个 下 落 的 球 最 后 会 达到 一 个 极限 速度 (常量 大 小 )， 
这 时 它 所 受 的 空气 阻力 和 重力 大 小 相等 。 














图 2-1 钟 摆 保持 静止 ， 因 为 所 有 的 外 力 都 相互 抵消 了 (合力 为 0 ) 
在 Processing 中 ， 我 们 可 以 这 样 表 述 牛 顿 第 一 运动 定律 : 


在 平衡 状态 下 ， 对 象 的 速度 向 量 ( PVector 对 象 ) 始终 都 是 常量 。 





我 们 先 跳 过 牛顿 第 二 运动 定律 ( 对 我 们 来 说 ,这 是 最 重要 的 定律 )， 和 直接 到 牛顿 第 三 运动 
定律 。 


2.1.2 ”牛顿 第 三 运动 定律 
牛顿 第 三 运动 定律 通常 表述 为 : 


每 个 作用 力 都 有 一 个 大 小 相等 、 方 向 相反 的 反作用 力 。 











这 个 表述 通常 会 引起 误解 。 咎 一 看 ， 它 像 是 说 : 一 个 作用 力 会 引起 另 一 个 作用 力 。 就 像 如 采 
你 无 绿 无 故去 推 别 人 ,那个 人 一 般 会 做 出 反应 ， 反 过 来 推 你 。 但 是 牛顿 第 三 运动 定律 并 非 指 这 种 
现象 。 

想象 这 样 的 场景 : 你 在 推 一 堵 增 。 这 堵 墙 并 不 会 主动 地 推 你 。 墙 是 无 生命 的 物体 ， 它 不 会 产 
生 原 生 的 作用 力 。 但 你 的 推动 过 程 包含 了 两 个 力 ， 它 们 称 为 “作用 力 和 反作用 力 ”。 
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牛顿 第 三 运动 定律 的 更 好 表述 是 : 





力 总 是 成 对 出 现 ， 且 这 两 个 力 大 小 相等 ， 方 向 相反 。 





这 个 表述 仍然 会 引起 误解 ， 因 为 它 看 起 来 像 是 说 : 成 对 出 现 的 力 总 是 会 相互 抵消 。 事 实 并 不 
是 这 样 ， 成 对 出 现 的 力 并 不 是 作用 在 同一 个 物体 上 。 这 两 个 力 的 大 小 相等 , 但 并 不 意味 着 它们 产 
生 的 运动 效果 也 一 样 (或 者 物体 会 停止 运动 )。 

想象 下 面 的 场景 : 你 试 厦 去 推动 一 辆 静止 的 卡车 ,尽管 卡车 的 动力 比 你 强 很 多 , 但 静止 的 卡 
车 并 不 会 对 你 施加 动力 。 推 动 卡车 时 ， 你 同时 也 受到 一 个 反作用 力 ,， 这 个 反作用 力 和 推力 大 小 相 
等 ,， 方 同 相 反 。 推力 的 最 终 驳 果 取 决 于 很 多 因 系 ， 如 果 卡 车 足够 小 并 停 在 光 背 的 下 坡 冰 面 上 ,你 
可 能 会 让 它 动 起 来 ; 相反 ， 如 果 它 很 大 并 停 在 粗糙 的 泥 路 上 , 无论 你 用 多 大 的 力气 ， 都 无 法 推动 
它 ， 只 会 伤 到 自己 的 手 。 

在 推 卡 车 时 ， 如 果 你 穿着 一 双 汐 冰鞋 ， 效 果 会 如 何 ? 









































图 2-2 


你 会 被 反 推 出 去 ， 卡 车 却 仍然 保 挂 静止 。 为 什么 不 古 卡 车 被 推动 而 是 你 被 反 推 出 去 ?前 先 ， 
卡车 的 质量 很 大 (我们 将 结合 牛顿 第 二 定律 探讨 质量 )。 其 次 ， 除 了 推力 ， 还 存在 其 他 作用 力 ， 
也 就 是 卡车 轮胎 和 地 面 的 摩擦 力 ， 以 及 你 的 溜冰 畦 和 地 面 的 摩擦 力 。 








2.1.3 ”牛顿 第 三 运动 定律 《从 Processing 的 角度 表述 ) 


如 果 我 们 要 计算 一 个 由 4 施加 在 B 上 的 作用 力 f (PVector 对 和 象 )， 必 须 额 外 施加 一 个 
由 B 作 用 在 4 上 的 反作用 力 (对象 PVector.mult(f,-1) )。 


但 是 在 用 Processing 编 程 模拟 时 ， 我 们 不 一 定 要 如 循 上 面 的 说 法 。 举 个 例子 ， 在 模拟 物体 之 
间 的 引力 时 《2.8T )， 我 们 确实 需要 同时 计算 作用 力 和 反作用 力 。 但 在 万 一 些 场 景 中 ， 比 如 模拟 
风力 的 效果 时 , 我们 就 不 需要 计算 物体 作用 在 空气 上 的 反作用 力 , 因为 我 们 根本 不 会 去 模拟 空气 。 
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记 住 ， 我 们 只 是 想 从 上 日 然 的 物理 学 中 吸取 一 点 编程 灵感 ， 并 不 是 完美 精确 地 模拟 一 切 事物 。 


2.2 力 和 Processing 的 结合 : 将 牛顿 第 二 运动 定律 作为 一 个 函数 
下 面 我 们 要 学 习 的 是 Processing 编 程 中 最 重要 的 一 个 定律 。 

















力 等 于 质量 来 以 加 速度 。 
用 公式 表示 为 : 
F=Mx4 
为 什么 这 是 本 草 最 重要 的 定律 ? 来 看 看 它 的 为 一 种 写法 : 
A=F/M 


加 速度 和 力 成 正比 ， 和 质量 成 反比 。 这 意味 春 如 采 你 受 一 个 推力 作用 产生 运动 , 那么 推力 越 
大 ， 运 动 越 快 ( 加 速度 越 大 ); 质量 越 大 ， 运 动 越 慢 。 














重量 和 质量 

口 质量 是 物质 量 的 度量 ( 以 千克 为 单位 )。 

口 重量 ,通常 被 误 认 为 质量 ， 实 际 上 指 的 是 物体 所 受 重 力 的 大 小 。 根据 牛顿 第 二 运动 定律 ， 
重量 等 于 质量 乘 以 重力 加 速度 ( w=Mm*g )。 重量 以 “牛顿 ”为 单位 。 

口 密度 等 于 质量 除 以 物体 的 体积 (例如 以 “ 克 / 立 方 厘米 ”为 单位 )。 

注意 ， 在 地 球 上 质量 为 1 kg 的 物体 ， 到 月 球 后 质量 仍 为 1kg， 但 重量 却 变 成 了 原来 的 1/6。 


在 Processing 中 ， 质 量 是 什么 ?” 前面 我 们 只 是 在 处 理 像素 。 为 了 让 问题 更 简单 ， 假 定 在 我 们 
的 像素 世界 里 ， 所 有 对 象 的 质量 都 等 于 1。 根 据 F/1= ， 就 有 : 


A=F 
物体 的 加 速度 等 于 力 。 这 是 一 个 好 消息 ， 因 为 我 们 在 第 1 章 看 到 加 速度 是 控制 物体 运动 的 关 
键 因 素 : 位 置 由 速度 控制 ， 而 速度 由 加 速度 控制 。 加 速度 是 一 切 运动 的 起 因 。 根 据 上 面 的 公式 ， 
现在 力 变 成 了 运动 的 起 因 。 


来 看 看 同时 拥有 位 置 ( Location )、 速 度 (velocity ) 和 加 速度 (acceleration ) 的 Mover 
类 . 
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class Mover { 
PVector location; 
PVector velocity; 
PVector acceleration; 


} 
我 们 的 目标 是 在 对 象 上 施加 力 ， 比 如 风力 : 


mover.appLyForce(wind ) ; 


或 者 重力 : 


mover.applyForce(gravity); 


这 里 的 风力 和 重力 都 是 PVector 对 象 , 根据 牛顿 第 二 运动 定律 , 我 们 可 以 这 么 实现 applyForce() 
中 数 : 
void applyForce(PVector force) { 
acceleration = force， 牛顿 第 二 定律 最 简单 的 实现 方式 
} 


2.3” 力 的 罕 加 


上 面 的 实现 看 起 来 很 不 错 , 因为 在 忽略 质量 的 前 提 下 ,“ 加 速度 = 力 ” 符 合 牛顿 第 二 运动 定律 。 
然而 ， 它 还 存在 一 个 很 大 的 问题 。 让 我 们 继续 完成 这 个 例子 : 在 屏幕 上 创建 一 个 对 象 ， 这 个 对 象 
受 风力 和 重力 的 作用 : 


mover.appLyForce(wind ) ; 
mover.applyForce(gravity); 
mover.update(); 
mover.display(); 


在 上 面 的 代码 中 ， 首 先 ， 我 们 调用 apptyForce() 函数 ， 传 人 风力 作为 参数 ， 于 是 Mover 对 
象 的 加 速度 变 成 了 风力 向 量 ; 然后 ， 我 们 再 次 调用 appLyForce() 畏 数 ， 传 人 重力 ， 于 是 Mover 
对 象 的 加 速度 义 变 成 了 重力 向 量 ; 最 后 ， 我 们 调用 update( ) 因数 。 在 update( ) 函数 中 会 发 生 什 
么 ? 加 速度 百 接 作 用 在 速度 上 : 


velocity.add(acceleration); 


这 么 做 是 不 对 的 ， 但 Processing 不 会 给 出 任何 错误 提示 。 我 们 犯 了 一 个 很 大 的 错误 ， 最 后 的 
加 速度 等 于 重力 ， 而 风力 却 被 遗漏 了 ! 如 采 我 们 多 次 调用 appLyForce() 因数 ， 它 会 用 最 近 一 次 
调用 窗 新 之 前 的 调用 。 那 我 们 该 如 何 处 理 有 多 个 力 同 时 作用 的 情况 呢 ? 


问题 的 根源 在 于 ， 之 前 我 们 用 的 是 简化 版 的 牛顿 第 二 运动 定律 。 更 准确 的 表述 应 该 是 : 














合力 等 于 质量 来 以 加 速度 。 
或 者 可 以 说 成 : 加 速度 等 于 所 有 力 的 和 除 以 质量 。 这 样 就 完美 了 了， 同时 也 满足 牛顿 第 一 运动 
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定律 : 如 果 所 受 外 力 的 合力 为 堆 ， 物 体 就 处 于 平衡 状态 〈《 没 有 加 速度 )。 我 们 会 用 力 的 累加 方法 
实现 牛顿 第 二 定律 ， 这 种 方法 非常 简单 ， 只 需 将 所 有 力 相 加 。 在 任意 时 刻 ， 物 体 都 可 能 受 多 种 外 
力作 用 ， 它 只 需要 知 违 如 何 将 这 些 外 力 罕 加 在 一 起 ， 而 不 需要 知道 到 底 有 多 少 种 外 力 。 

void applyForce(PVector force) { 


acceleration.add (force); 牛顿 第 二 定律 和 力 的 累加 ， 我 们 分 别 将 每 个 力作 用 
在 加 速度 上 














} 


到 这 里 ,我 们 并 没有 真正 完成 这 段 代码 ,还 有 一 个 问题 尚未 解决 。 由 于 我 们 将 任意 时 刻 的 所 
有 力 都 加 在 了 一 起 ， 包 括 上 一 时 刻 的 力 ， 因 此 在 update() 国 数 调用 之 前 ， 我 们 应 该 清除 上 一 时 
刻 的 加 速度 〈 将 它 设 成 6 )。 以 风力 为 例 ， 风 力 时 大 时 小 ， 有 时 候 完 全 没有 风 。 在 任意 给 定时 刻 ， 
假说 用 户 按 下 鼠标 会 产生 很 大 的 风力 。 

if (mousePressed) { 


PVector wind = new PVector(0.5,0); 
mover.applyForce (wind); 





} 

当 用 户 释 放 鼠 标 时 ， 风 就 会 分 止 。 根 据 牛 顿 第 一 运动 定律 ， 这 时 物体 会 保持 匀速 直线 运动 。 
然而 ,如 末 我 们 起 记 将 之 前 的 加 速度 清和 零 ， 风 力 依然 会 产生 效 琳 。 更 粳 糕 的 是 ， 它 会 在 上 一 巾 的 
基础 上 再 次 累加 日 己 ! 我 们 不 需要 在 程序 中 记录 加 速度 ， 因 为 它 是 根据 当时 的 外 力 计 算出 来 的 。 
在 这 一 点 上 ,加 速度 和 位 置 截然 不 同 , 为 了 能 在 下 一 帧 移动 到 正确 的 位 置 ,我 们 必须 记录 物体 上 
一 帧 的 位 置 。 


在 每 一 帧 中 对 加 速度 清 零 ， 最 简单 的 实现 方式 是 : 在 update() 函 数 的 最 后 将 加 速度 癌 量 来 
以 0。 




















void update() { 
velocity.add(acceleration); 
location.add(velocity); 
acceleration.mult(0); 


练习 2.1 


模拟 一 个 氮气 球 向 上 飘浮 并 在 窗口 顶部 反弹 的 效果 ,你 能 否 添 加 一 个 随时 间 变 化 的 风力 ?或 
许 还 可 以 用 Perlin 噪声 产生 这 个 风力 ? 





2.4 处 理 质 量 


在 前 面 的 例子 开始 之 前 ， 我 们 做 了 一 个 小 小 的 假设 ， 即 假设 物体 的 质量 是 1。 但 牛顿 第 二 运 
动 定律 的 严格 表述 应 该 是 = M *4 ， 而 不 是 4= 政 。 在 Mover 类 中 加 入 质量 很 简单 ， 只 需要 加 
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入 一 个 变量 即 可 ， 但 我 们 仍 需 多 花 点 时 间 ， 因 为 这 里 会 出 现 一 点 并 发 状况 。 
首先 ， 我们 要 加 入 一 个 质量 变量 ( mass ): 


class Mover { 
PVector location; 
PVector velocity; 
PVector acceleration; 


float mass， 用 一 个 浮上 点数 变量 表示 质量 


度量 单位 

既然 我 们 讨论 质量 ,就 应 该 提 及 一 下 质量 的 度量 单位 。 在 现实 世界 中 ,度量 物体 都 需要 用 到 
单位 。 我 们 经 常会 说 : 那 两 个 物体 之 间 的 距离 是 3 米 ; 棒球 以 90 英里 每 小 时 的 速度 飞 向 前 场 ; 
保龄球 的 质量 是 6kg。 在 本 书 的 后 续 章 节 ， 我 们 也 会 考虑 现实 世界 中 的 单位 ， 但 在 本 章 的 大 部 分 
内 容 中 ， 单 位 会 被 忽略 。 本 书 中 ， 我 们 经 常用 到 的 度量 单位 有 : 像素 ( “这 两 个 圆 相 距 100 个 像 
素 ”) 和 动画 帧 数 ( “这 个 圆 的 移动 速率 是 每 帧 两 个 像素 ”)。 对 于 质量 ， 程 序 世 界 里 并 没有 合适 的 
单位 ， 我 们 只 是 随便 拿 一 个 量 代 表 它 。 比 如 ， 我 们 可 以 随意 选择 一 个 数字 10 作为 质量 ， 但 它 没 
有 单位 ， 只 要 你 愿意 ， 完 全 可 以 用 任意 单位 表示 。 为 了 为 于 演示 ,我 们 将 质量 和 像素 结合 在 一 起 
(比如 质量 为 10 的 物体 , 其 绘制 半径 是 10 个 像素 ), 这 么 做 能 让 我 们 对 物体 的 质量 有 直观 的 认识 。 
但 在 现实 世界 中 ,尺寸 并 不 代表 质量 ,一 个 小 铁 球 的 质量 比 一 个 大 气球 的 质量 大 很 多 ， 因 为 它 的 
密度 更 大 。 











质量 是 一 个 数字 ， 用 于 描述 物体 中 物质 的 量 ， 因 此 它 是 标量 ( 浮 点 数 )， 不 是 向 量 。 给 定 一 
个 物体 ,我 们 可 以 根据 它 的 形状 计算 面积 , 然后 把 面积 当 作 质量 , 但 我 想 让 问题 更 人 简单， 直接 假 
定 物 体 的 质量 是 10。 
Mover() { 
Location = new PVector(random(width),random(height)); 
velocity = new PVector(0,0); 


acceleration = new PVector(0,0); 
mass = 10.0; 








} 
这 么 做 并 不 好 ， 因 为 让 不 同 的 物体 拥有 不 同 的 质量 ， 情 况 才 会 变 得 更 有 趣 ， 但 这 只 是 开始 。 
在 后 面 实现 牛顿 第 二 定律 时 ， 我 们 会 使 用 物体 的 质量 : 


void applyForce(PVector force) { 


force.div(mass); 牛顿 第 二 定律 ( 力 的 累加 和 质量 ) 
acceleration.add(force); 





} 
尽管 我 们 的 代码 看 上 去 很 合理 , 但 这 种 实现 还 存在 一 个 很 大 的 问题 。 考 虑 下 面 的 场景 ， 有 两 
个 Mover 对 和 象 同时 在 风力 作用 下 运动 : 
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Mover ml = new Mover(); 
Mover m2 = new Mover(); 


PVector wind = new PVector(1,0); 


ml.applyForce (wind); 
m2.applyForce (wind); 


首先 ， 在 风力 (1, 0) 的 作用 下 ， 对 象 m1 的 加 速度 等 于 风力 除 以 质量 ( 10 ): 


所 受 的 风力 : (1,0) 
风力 除 以 质量 10: (0.1,0) 


然后 ， 转 到 对 象 m2， 其 也 受 风力 (10) 的 作用 。 等 一 下 ， 现 在 风力 的 值 是 多 少 ? 仔细 一 看 ， 你 
会 发 现 它 已 经 等 于 (0.1, 0)! 这 是 因为 你 传 入 的 函数 参数 是 对 象 的 引用 , 而 不 是 对 象 的 副本 ! 因此 ， 
如 打 函 数 内 部 改变 了 参数 对 象 〈 在 本 例 中 ， 风 力 回 量 除 以 质量 )， 那 么 这 个 参数 对 象 将 被 永久 改 
变 。 但 我 们 并 不 硕 望 mr2 所 受 的 风力 已 经 除 以 呈 的 质量 ， 我 们 和 硕 望 风力 还 是 原来 的 (1,0)。 因 此 , 在 
把 风力 除 以 质量 之 前 ,我 们 要 先 创建 一 个 风力 回 量 的 副本 大 幸运 的 是 ，PVector 类 提供 了 一 个 简 
单 的 方法 一 一 get () 函数 ， 用 于 后 成 对 象 的 副本 。get () 函数 返回 的 对 象 拥有 和 原 对 象 一 样 的 数 
据 。 最 后 ， 我 们 可 以 这 么 修改 appLyForce() 负数 : 

void appLyForce(PVector force) { 

PVector f = force.get(); 在 使 用 PVector 对 象 之 前 先 创建 一 份 副 本 | 

















f.div(mass) ， 
acceleration.add(f); 


} 


我 们 还 可 以 用 静态 的 div() 方 法 实现 上 面 的 函数 。 下 面 的 练习 会 带 你 回顾 第 1 革 有 关 前 人 态 耶 
数 的 内 容 。 








练习 2.2 


用 静态 函数 div() 代 替 get() 函 数 ， 重 新 实现 appLyForce() 方 法 。 


void appLyForce(PVector force) { 
PVector f = ( 站 


acceleration.add(f); 





2.5 ”制造 外 力 


先 停 下 来 看 看 我 们 已 经 进行 到 哪 一 步 了 。 我 们 已 经 知道 力 是 什么 〈 力 是 一 个 回 量 )， 也 知道 
如 何 对 物体 施加 力 〈 除 以 物体 的 质量 后 ， 再 和 加 速度 癌 量 相 加 ) 我 们 还 缺 什么 ”我们 还 没 搞 清 
杷 如 何 获 取 一 个 外 力 ， 现 实 世 界 的 各 种 力 到 底 从 何 而 来 ? 
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在 本 节 ， 我 们 将 探讨 在 Processing 中 制造 外 力 的 两 种 方法 。 


(1) 编造 一 个 力 ! 你 是 程序 员 ， 在 程序 世界 里 ， 你 就 是 造物 主 。 你 完全 可 以 随心 所 欲 地 编造 
一 个 力 ， 再 把 它 作用 在 物体 上 。 

(2) 模拟 现实 世界 中 的 力 ! 现实 世界 中 存在 各 种 力 ， 各 种 物理 学 教科 书 都 会 教 你 它们 的 数学 
公式 。 我 们 可 以 使 用 这 些 公式 ， 把 它们 翻译 成 源 代码 ， 最 后 用 Processing 模 拟 它们 。 


编造 外 力 最 价 单 的 方法 就 是 随意 选取 一 个 丫 量 作为 外 力 。 我 们 可 以 从 模拟 风力 的 例子 开始 。 
试想 ， 有 个 Mover 对 象 m 受 风力 作用 产生 运动 ， 风 力 很 弱 ， 方 器 朝 右 ， 我 们 可 以 这 样 模拟 : 


PVector wind = new PVector(0.01,0); 
m.applyForce (wind); 


程序 运行 结果 并 不 是 非 党 有趣， 但 这 是 一 个 很 好 的 开头 。 在 这 里 ,我 们 创建 了 一 个 PVector 
对 象 , 对 它 进行 初始 化 , 然后 把 它 传 给 对 象 的 applyForce() 方 法 (最 后 作用 在 对 象 的 加 速度 上 )。 
如 果 我 们 想 同时 模拟 风力 和 重力 (重力 略 大 ， 方 同 辣 下 )， 可 以 这 么 做 : 
































2 1 forces trail 





示例 代码 2-1 


PVector wind = new PVector(0.01.,0); 
PVector gravity = new PVector(0,0.1); 
m.applyForce (wind); 
m.applyForce(gravity); 


现在 我 们 拥有 了 两 个 外 力 ， 它 们 指 回 不 同 的 方 回 ， 大 小 也 不 相等 ， 同 时 作用 在 对 象 m 上 。 接 
下 来 ,我 们 可 以 继续 深入 ， 用 Processing 构 建 一 个 程序 世界 ， 让 世界 中 的 物体 对 外 部 环境 做 出 各 
种 反应 。 


为 了 让 例子 变 得 更 激动 人 心 , 我 们 打算 在 程序 中 加 入 多 个 物体 , 物体 的 质量 也 各 不 相同 。 在 
此 之 前 ,我们 需要 复习 面 问 对 象 编程 。 再 次 重申 ， 本 书 不 会 涉及 编程 基础 的 方方面面 (对 此 , 你 
需要 去 看 引言 中 列举 的 Processing 介 绍 书籍 )。 然 而 ， 由 于 本 书 的 许多 例子 都 需要 创建 多 个 对 象 ， 
作为 本 书 的 基础 ， 我 们 有 必要 多 花 点 时 间 讲 解 如 何 将 单个 对 象 的 模拟 扩展 成 多 个 对 象 。 


下 面 是 Mover 类 的 全 部 代码 。 请 注意 它 和 第 1 章 中 Mover 类 的 异同 , 不 同 点 主要 集中 在 两 个 方 
面 一 质量 和 appLyForce() 函数 的 实现 。 
































class Mover { 


PVector Location 
PVector velocity; 
PVector acceleration; 


float mass ， 


Mover() { 
mass = 1】|; 


Location = new PVector(30 ,30) 
velocity = new PVector(0,0); 
acceleration = new PVector(0,0); 


void applyForce(PVector force) { 


PVector f = PVector.div(force,mass); 
acceleration.add(f); 


} 


void update() { 


velocity.add(acceleration); 
Location.add(veLocity ) ; 


acceleration.mult(0); 


} 

void display() { 
stroke(0); 
filtl(175); 


ellipse(location.x,location.y,mass*16,mass*16); 


void checkEdges() { 


if (location.x > width) { 
location.x = width; 
velocity.x *= -1; 

} else if (location.x < 0) { 
velocity.x *= -1; 
location.x = 0; 


} 


if (location.y > height) { 
velocity.y *= -1; 


location.y = height; 
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现在 ， 对象 有 了 质量 | 


为 了 让 实现 更 简单 ， 我 们 将 质量 设 为 1 


牛顿 第 二 定律 


将 力 除 以 质量 ， 再 加 上 加 速度 


和 第 1 章 的 实现 一 样 (运动 101) 


每 次 都 要 将 加 速度 清 堆 | 


根据 质量 改变 对 象 的 显示 大 小 


一 旦 对 象 触及 窗口 边缘 ， 我 们 就 让 它 反弹 


尽管 我 们 说 过 不 会 直接 接触 速度 和 质量 ， 但 也 有 例 
外 。 当 物体 触及 边缘 时 ， 我 们 可 以 用 这 种 方式 方便 
地 更 改 对 象 的 运动 方向 
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经 准备 好 了 ， 
Mover[] movers = new Mover[100]; 


然后 ， 我 们 在 setup() 函数 中 用 循环 对 这 


Vold setup() 1{ 


for (int i = 0; i < movers.length; I++) { 


movers[il] = new Mover(); 
} 
} 


文 些 对 象 进 


下 面 就 可 以 开始 创建 对 象 了 。 我 们 打算 在 数组 中 创建 100 个 Mover 对 象 。 


行 初始 化 。 


但 这 里 还 有 个 小 问题 ， 回 头 看 看 Mover 对 象 的 构造 函数 …… 


Mover() { 
mass = 1; 
location = new PVector(30,30); 
velocity = new PVector(0,0); 
acceleration = new PVector(0,0); 


} 


每 个 对 象 的 质量 为 ]， 位 置 是 (30,30) 





在 以 上 代码 中 ， 每 个 Mover 对 象 的 初始 值 都 是 相同 的 。 但 我 们 应 该 创建 质量 不 同 、 初 始 位 置 


也 不 相同 的 Mover 对 象 。 为 了 解决 这 个 问题 
灵活 。 
Mover(float m, float x , float y) { 
mass = Mm; 
Location = new PVector(x,y); 


velocity = new PVector(0,0); 
acceleration = new PVector(0,0); 


} 


， 我 们 可 以 在 构造 吊 数 中 添加 儿 个 参数 ， 让 它 变 得 更 


根据 参数 设 定 这 些 变量 


这 样 , 物体 的 质量 和 初始 位 置 就 不 再 是 便 性 编码 的 数值 了 , 我 们 可 以 通过 构造 函数 来 确定 


们 。 这 样 一 来 ， 我 们 就 可 以 创建 各 种 各 样 的 Mover 对 和 象 ， 


开始 运动 ， 也 可 以 从 右边 开始 。 


Mover ml = new Mover(10,0,height/2); 


Mover ml = new Mover(0.1,width,height/2); 
有 了 数组 ， 我 们 可 以 在 循环 中 对 这 些 对 象 进 


vold setup() 1{ 





for (int i = 0; i < movers.length; i++) { 
movers[i] = new Mover(random(0.1,5),0,0); 


} 


上 面 的 Mover 对 象 ， 它 们 的 质量 是 介 于 0. 


它 
它们 的 质量 有 大 有 小 ， 可 以 从 屏 医 左边 


一 个 位 于 窗口 左边 的 大 质量 MOVeETr 对 象 
一 个 位 于 窗口 右边 的 小 质量 Mover 对 象 


行 初 始 化 。 


用 随机 的 质量 (和 (0,0) 的 位 置 ) 初始 化 这 些 Mover 
对 象 


1~5 的 随机 数 ， 初 始 的 x 坐标 和 y 坐 标 都 是 0。 这 只 是 
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一 种 演示 ， 你 可 以 用 其 他 值 初始 化 这 些 对 和 象 。 


一 旦 对 象 的 数组 被 声明 、 创 建 和 初始 化 完成 ,剩余 部 分 的 代码 就 会 很 简单 。 我 们 逐个 遍历 对 
象 ， 将 环境 中 的 力作 用 在 它们 身上 。 





示例 代码 2-2 


void draw() { 
background (255 ) ; 


PVector wind = new PVector(0.01,0); 
PVector gravity = new PVector(0,0.1); 创建 两 个 力 


for (int i = 0; i < movers.length; i++){ 遍历 对 象 数组 ， 将 两 个 力作 用 在 每 个 对 象 上 
movers[I].appLyForce(wind ) ; 
movers [1I] ,appLyForce(gravity ) ; 


movers[I],update() ; 
movers[i].display(); 
movers[i].checkEdges(); 


} 
请 注意 : 在 上 图 中 ， 小 加 到 达 窗 口 右 侧 比 大 圆 更 快 ， 这 是 因为 加 速度 = 力 除 以 质量 ， 质 量 越 
大 ， 加 速度 越 小 。 








练习 2.3 
在 上 面 的 例子 中 ,物体 将 会 移出 屏幕 的 边缘 。 你 能 否 改造 这 个 程序 ， 让 屏幕 的 边缘 对 物体 产 


生 推 力 , 使 物体 始终 留 在 窗口 中 ,你 能 否 根 据 物 体 和 边缘 的 距离 确定 推力 的 大 小 ? 也 就 是 说 ， 
距离 越 近 ， 推 力 越 大 。 





2.6 地球 引力 和 力 的 建 模 
在 上 面 的 例子 中 ， 你 会 发 现 一 些 不 对 劲 的 地 方 。 你 可 能 会 觉得 ， 圆 越 小 ,下 降 的 速度 应 该 越 
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快 才 对 ， 因 为 我 们 刚 在 牛顿 第 二 定律 中 学 到 : 质量 越 小 ， 加 速度 越 大 。 但 在 现实 世界 中 ,事实 并 
韭 如 此 。 如 末 你 登 上 比 院 冬 塔 的 顶层 ,让 两 个 质量 不 同 的 铁 球 同时 从 上 面 落 下 ,哪个 铁 球 会 完 看 地 ? 
伽利略 已 经 在 1589 年 做 过 这 个 测试 , 他 发 现 两 个 铁 球 下 落 的 加 速度 相 每 , 最 后 同时 击 中 地 面 。 为 什 
么 会 这 样 呢 ? 在 本 章 的 后 面 , 我 们 会 看 到 , 重力 和 物体 的 质量 成 正比 , 质量 越 大 ,所 受 的 重力 也 越 
大 。 因 此 ， 如 果 重 力 和 质量 成 正比 ,在 计算 加 速度 时 质量 就 会 被 除法 抵消 把 。 我 们 可 以 用 Sketch 全 
单 地 模拟 这 个 问题 ， 只 需要 将 质量 和 有 个 系数 相 乘 ， 得 到 重力 ， 最 后 把 重力 作用 在 物体 上 即 可 。 
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示例 代码 2-3 
for (int i = 0; i < movers.length; i++) { 


PVector wind = new PVector(0.001,0); 
float m = movers[i].mass; 


PVector gravity = new PVector(0,0.1*m); 为 了 让 模拟 更 准确 ， 我 们 根据 质量 改变 重力 大 小 


movers[I].appLyForce(wind ) ; 
movers [1I] ,appLyForce(gravity ) ; 


movers[I],update() ; 
movers[i].display!(); 
movers[i].checkEdges (); 


上 

尽管 现在 物体 下 落 的 速度 相等 , 但 质量 越 小 的 物体 向 右 运 动 的 加 速度 越 大 ， 因为 风力 的 强度 
和 物体 的 质量 无 关 。 

我 们 已 经 学 会 如 何 编 造 一 个 力 ， 这 能 让 我 们 走 得 很 还 。Processing 的 世界 是 一 个 由 像素 组 成 
的 模拟 世界 ， 而 你 就 是 这 个 世界 的 造物 主 。 因 此 ， 只 要 你 觉得 某 个 力 的 存在 是 合理 的 ， 它 就 是 合 
理 的 。 但 你 可 能 还 会 感到 困惑 :“ 现 实 世 界 的 力 是 如 何 运作 的 ? ” 

翻 开 高 中 的 物理 学 课本 ,你 会 看 到 描述 各 种 力 的 图 表 和 公式 一 一 重力 、 电 磁力 、 摩 擦 力 、 张 
力 和 弹力 ， 等 等 。 丰 本章 中 ， 我 们 将 学 习 摩 擦 力 和 重力 ， 这 并 不 是 因为 它们 对 Sketch 模 拟 有 多 重 
要 ， 我 只 是 拿 它 们 举 个 例子 ， 让 你 熟悉 下 面 的 学 习 套 路 。 

口 理解 力 背 后 的 原理 。 


























口 将 力 的 公式 分 解 成 以 下 两 部 分 。 
@ 如 何 计算 力 的 方 回 ? 
@ 如 何 计算 力 的 大 小 ? 

口 把 力 的 公式 实现 成 Processing 源 代码 ， 将 力 的 PVector 对 和 象 传 人 Mover 类 的 applyForce() 
中 数 。 


如 采 能 够 按照 上 面 的 步 又 学 会 重力 和 摩 探 力 ， 你 就 能 日 己 模 拟 其 他 力 。 比 如 ,你 可 能 会 去 合 
歌 搜索 “原子 核 弱 核 力 ” 的 相关 知识 ， 然 后 通过 上 面 的 技巧 ， 用 Processing 完 成 力 的 模拟 。 














处 理 公式 

接 下 来 我 们 要 研究 有 关 摩 擦 力 的 力学 公式 , 这 不 是 本 书 第 一 次 谈 到 数学 公式 ,前 面 我 们 刚刚 
谈论 完 牛 顿 第 二 定律 ， 瓦 = Ms* 覆 (或 力 = 质量 x 加 速度 )， 这 是 一 个 很 简单 的 公式 。 然 而 ， 这 
是 一 个 令 人 恺 惯 的 世界 。 你 可 以 先 看 看 引言 中 提 到 的 “ 正 态 ”分 布 等 式 。 


(x-4) 
e- 207 








Ja )= a 
我 们 可 以 看 到 ， 上 面 的 公式 用 到 很 多 希腊 字母 符号 。 我 们 下 面 再 米 看 看 摩擦 力 的 力学 公式 。 
Friction = -UNY 

如 果 你 已 经 很 久 没 有 接触 过 数学 公式 了 ， 我 会 告诉 你 有 关 数 学 公式 的 3 个 关键 点 。 


口 计 工 右边 的 值 ， 将 计 和 工 结 果 赋 给 左边 。 这 和 编程 类 似 ! 你 需要 计算 等 号 右边 的 部 分 ， 把 
得 到 的 结果 赋 给 左边 。 在 摩擦 力 公式 中 ， 等 号 的 左边 表示 我 们 要 计算 的 是 摩擦 力 向 量 ， 
等 号 的 右边 表示 如 何 计算 摩擦 力 向 量 。 

口 这 是 一 个 标量 ， 还 是 向 量 ? 有 时 候 我 们 面 对 的 变量 是 一 个 向 量 ， 而 有 时 候 是 一 个 标量 。 
比如 ， 在 摩擦 力 公式 中 ， 摩 擦 力 是 一 个 向 量 ， 它 的 顶部 有 个 箭头 符号 ， 既 有 大 小 又 有 方 
向 ; 等 号 右边 也 有 向 量 ， 这 个 向 量 用 符号 表示， 它 表示 速度 的 单位 向 量 。 

口 把 符号 放 在 相 邻 位 置 ， 代 表 将 它们 相 乘 。 上 面 的 公式 有 4 部 分 : -1、L 、N 和 Vv。 最 后 ， 
我 们 要 将 它们 全 部 相 乘 ; Picliomn = 一 1* MX*N*y 。 


2.7 ”摩擦 力 


下 面 我 们 开始 摩 探 力 的 学 习 。 


摩擦 力 是 一 种 耗 散 力 。 耗 散 力 的 定义 是 : 在 运动 中 使 系统 总 能 量 减少 的 力 。 比 如 说 , 开车 时 ， 
脚 踩 刹车 板 会 让 车 通过 摩 探 力 使 轮胎 减速 ,在 这 个 过 程 中 , 动能 被 转化 为 热能 。 只 要 两 个 物体 的 
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表面 相互 接触 ,它们 之 间 就 有 摩擦 力 。 摩 擦 力 可 分 为 静摩擦 力 〈 物体 相对 表面 静止 不 动 ) 和 动 麻 
擦 力 ( 物体 在 表面 上 运动 ),， 但 我 们 只 探讨 有 关 动 摩擦 力 的 话题 。 


下 面 是 摩擦 力 的 力学 公式 : 














A 


摩擦 力 =_1*y*N* vy 


图 。2-3 








我 们 可 以 将 公式 分 成 两 部 分 , 一 部 分 用 于 确定 摩 探 力 的 方 回 ， 另 一 部 分 用 于 确定 摩 探 力 的 大 
小 。 从 上 面 的 插图 可 以 看 出 : 摩擦 力 的 方向 和 物体 运动 的 方向 相反 。 实 际 上 ， 公 式 中 的 -1*v 也 
说 明了 这 一 点 ， 它 表示 速度 的 单位 向 量 乘 以 -1。 在 Processing 中 ， 我 们 要 先 将 速度 回 量 单位 化 ， 
再 将 单位 向量 乘 以 -1。 


PVector friction = Velocity.get() ; 
friction.normaLize( ) ; 


friction.mult(-1); 计算 摩擦 力 的 方向 (与 速度 方向 相反 的 单位 向 量 ) 


注意 ， 上 面 的 代码 有 两 个 额外 的 步骤 : 痛 先 , 复制 一 份 速度 向 量 对 象 ， 因 为 我 们 不 能 直接 改 
变速 度 向 量 , 不 能 突然 让 物体 朝 着 相反 的 方向 运动 ; 其 次 ,将 向量 单位 化 ， 因 为 摩擦 力 的 大 小 和 
物体 运动 的 速度 无 天 ， 而 用 单位 向 量 能 让 整个 计算 过 程 变 简 单 。 

根据 上 面 的 公式 ， 摩 氛 力 的 大 小 等 于 Ux*N， 布 腊 字 母 4 (发音 为 “mew”) 表示 摩擦 系数 。 摩 
探 系 数 代表 特定 表面 的 摩擦 力 强 度 。 系 数 越 蜗 ， 谭 擦 力 越 强 ; 系数 越 低 ， 摩 探 力 越 暗 。 比 如 ， 订 
面 的 摩擦 系数 就 比 砂纸 的 摩擦 系数 低 很 多 。 在 Processing 构 建 的 模拟 世界 中 ， 我 们 可 以 随便 确定 
一 个 数字 作为 摩 控 系 数 。 


float c = 0.01; 


下 面 来 看 看 第 二 部 分 N。N 代 表 正 向 力 ， 它 指 的 是 物体 垂直 于 表面 的 压力 。 想 象 一 辆 正在 路 
上 行驶 的 汽车 , 在 重力 作用 下 , 汽车 对 路 面 有 个 向 下 的 压力 。 和 牛顿 第 三 定律 告诉 我 们 路 面 对 汽 车 
也 有 一 个 同上 的 反作用 力 ， 这 个 力 就 是 正 疝 力 。 重 力 越 大 ， 正 向 力也 越 大 。 正 如 我 们 将 在 下 一 市 
中 看 到 的 ， 重 力 和 质量 相关 ,所 以 一 辆 超 轻 跑车 所 受 的 摩 探 力 比 大 型 拖拉 机 所 受 的 摩 探 力 小 。 上 
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图 中 ,物体 在 倾斜 的 表面 运动 ， 在 这 种 情况 下 ， 正 向 力 的 计算 方式 有 些 复杂 ， 因 为 它 和 重力 的 方 
向 并 不 相同 ， 在 计算 之 前 ， 我 们 还 需要 掌握 角度 和 三 角子 数 的 知识 。 

上 面 提 到 的 知识 点 都 非常 重要 ,但 即使 没有 它们 ， 我 们 仍然 可 以 用 Processing 写 一 个 足够 好 
的 模拟 程序 。 可 以 先 假定 正 同 力 的 大 小 始终 是 1。 在 学 完 下 一 章 的 三 角 国 数 后 ， 我 们 可 以 回 过 头 
来 继续 完善 摩擦 力 程序 。 


fLoat normal = 


得 到 摩擦 力 的 大 小 和 方向 后 ， 我 们 可 以 将 它们 组 合 在 一 起 …… Coe 


float c = 0.01; 
float normal = 


float frictionMag = c*normal; 计算 摩擦 力 的 大 小 (一 个 随意 确定 的 常量 ) 








PVector friction = velocity.get!(); 
friction.mult(—1):; 
friction.normalize(); 





friction.mult(frictionMag); 取 单 位 向 量 并 乘 以 大 小 ， 这 样 我 们 就 有 了 力 向 量 ! 
最 后 ， 把 摩 探 力 加 入 程序 ， 这 样 除了 风力 和 重力 ， 对 象 现在 还 受 摩 探 力 的 作用 。 


-Nol@ _2 4 forces_nofriction A _2 4 forces friction 





无 摩擦 力 有 摩擦 力 


示例 代码 2-4 ”加 入 摩擦 力 


void draw() { 
background (255); 


PVector wind = new PVector(0.01, 0); 


PVector gravity = new PVector(0,0.1); 为 了 让 模拟 更 精确 ， 我 们 需要 根据 质量 改变 重力 的 
大 小 


for (int i = 0; i < movers.length; I++) { 


float c = 0.01; 

PVector friction = movers[i].velocity.get!(); 
friction.mult(—1); 

friction.normalize(); 
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friction.mult(c); 


movers[i].applyForce(friction); 将 摩擦 力作 用 在 对 象 上 
movers[i].applyForce (wind); 


movers[i].applyForce(gravity); 


movers[i].update(); 
movers[i].display(); 
movers[i].checkEdges(); 


} 


运行 这 个 程序 ， 你 会 发 现 屏幕 上 的 圆 很 难 到 达 窒 口 的 右边 缘 。 因 为 在 物体 运动 过 程 中 ， 
力 会 持续 给 它 施加 一 个 反 回 的 作用 效果 , 所 以 物体 会 减速 。 这 是 一 个 有 用 的 技术 ,你 可 以 用 它 
现 想 要 的 视 党 效果 。 


练习 2.4 
在 Sketch 中 创建 某 些 小 区 域 ， 让 物体 通过 这 些 区 域 时 受 摩擦 力 的 作用 。 不 同 区 域 的 摩擦 强 


度 ( 摩 擦 系数 ) 各 不 相同 。 再 试 试 产 生 反 向 摩擦 力 的 效果 ， 也 就 是 说 ， 当 物体 通过 一 个 特定 
区 域 时 会 加 速 ， 而 非 减 速 。 你 能 不 能 试 着 实现 它们 ? 
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物体 通过 流体 或 者 气体 时 同样 会 受 摩擦 力 的 作用 ,这 种 摩擦 力 有 很 多 和 名字， 如 粘 沛 力 、 阻 力 
和 流体 阻力 。 is 擦 力 相 同 ( 物体 会 减速 )， 但 是 计算 阻力 的 方式 却 
有 些 不 同 。 先 来 看 看 阻力 公式 : 





F) = pv AC," 
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让 我 们 试 者 把 这 个 公式 分 解 ， 选 出 模拟 过 程 中 需要 的 部 分 , 最 后 将 整个 公式 简化 ， 以 便于 用 
Processing 模 拟 。 

口 代表 阻力 ， 我们 的 最 终 目 的 就 是 计算 这 个 阻力 回 量 ， 将 它 传 入 applyForce() 也 数 。 

口 -1/2 是 一 个 常量 : -0.5。 对 我 们 来 说 ， 这 个 数值 并 没有 多 少 意义 ， 因 为 这 只 是 一 个 随意 编 
造 的 常量 。 但 有 一 点 很 重要 ， 该 常量 必须 是 一 个 人 负数， 这 代表 阻力 的 方 回 和 速度 的 方 问 
相反 ( 和 摩擦 力 类 似 )。 

口 p 是 希腊 字母 rtho， 它 代表 流体 的 密度 ,在 这 里 我 们 并 不 需要 关心 它 。 为 了 简化 问题 ,我 们 
假设 流体 的 密度 是 1。 

口 v 代 表 物 体 的 移动 速率 。 前 面 我 们 已 经 接触 过 它 了 ,速率 等 于 速度 问 量 的 大 小 : 
velocity.magnitude()，v 指 v 的 平方 或 者 vxv。 

口 4 代表 物体 前 端 推动 流体 (或 气体 ) 流动 部 分 的 面积 。 举 个 例子 ,根据 空气 动力 学 设计 的 
兰博基尼 跑车 所 受 的 空气 阻力 肯定 比 四 四 方 方 的 沃尔沃 汽车 小 。 为 了 方便 模拟 ， 我 们 假 
定 物体 都 是 球形 的 ， 因 此 ， 这 个 变量 也 将 被 我 们 忽略 。 

DC, 是 阻力 系数 ， 它 和 摩 探 系数 p 类 似 ， 是 一 个 稼 量 。 我 们 可 以 根据 阻力 的 强 弱 确定 它 的 
入 Zs 

口 v 看 起 来 是 否 很 熟悉 ? 它 代表 速度 的 单位 向 量 , 也 就 是 velocity.normalize()。 和 摩擦 
力 一 样 ， 阻 力 的 方向 也 和 物体 的 运动 方向 相反 。 


按照 上 面 的 公 陈 分 析 ， 我 们 决定 只 保留 其 中 一 些 有 用 的 元 系 ， 最 后 得 到 傈 化 版 的 阻力 公式 : 


阻力 = 速度 的 平方 x 阻 力 系数 
































一 -人 一 一 
2 * 大 从 _ 
Fs= vlP * Ca* $e*-1 
阻力 的 方向 和 速度 (v) 方向 相反 
图 2-$ 人 简化 版 的 阻力 公式 

对 应 的 代码 : 
float c = 0.1; 
float Speed = v.mag(); 
float dragMagnitude = c * Speed * speed; 2 


PVector drag = Velocity .get() ; 
drag.mult(-1); 公式 的 第 二 部 分 (方向 ) : -1 * 速度 向 量 
drag.normalize(); 


drag.mult(dragMagnitude); 合并 大 小 和 方向 | 


在 将 阻力 作用 于 Mover 类 之 前 ， 我 想 加 入 一 个 额外 的 功能 。 当 我 们 在 实现 摩擦 力 时 ， 摩 探 力 
的 作用 一 直 都 存在 ， 只 要 物体 在 运动 ， 摩 探 力 对 物体 就 有 减速 效果 。 这 里 ,我 想 加 入 一 个 新 的 东 
西 一 一 流体 ，Mover 对 和 象 会 街 过 流体 组 成 的 区 域 。 流 体 对 象 是 一 块 矩 形 区 域 ， 有 目 己 的 位 置 、 宽 
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、 高 度 和 “阻力 系数 ”"， 比 如 物体 能 轻易 穿 过 空气 ,但 难以 穿 过 烙 笛 的 液体 ， 因 为 前 者 的 阻力 
除 此 之 外 ， 它 还 应 该 有 个 在 屏 笑 上 绘制 目 身 的 方法 (还 有 两 个 方法 将 在 后 面 讨论 )。 
class Liquid { 


float x,y,w,h; 
float Cc: 流体 对 象 包含 一 个 阻力 系数 变量 








Liquid(float x , float y , float w , float h , float c ) { 
X= XxX; 


W 


中 


} 


void display() { 
noStroke(); 
fill(175); 
rect(x,y,w,h); 


} 
我 们 将 在 主 程序 中 加 入 一 个 流体 对 象 的 变量 声明 ， 并 在 setup() 气 数 中 对 它 进行 初始 化 。 


Liquid liquid; 





void setup() { 初始 化 流体 对 象 ， 它 的 阻力 系数 很 低 ， 等 于 0 .1， 
否则 对 象 穿 过 流体 时 会 很 快 停止 运动 (无 法 实现 你 
想 要 的 效果 ) 
liquid = new Liquid(0, height/2, width, height/2, 0.1); 
} 





下 面 有 一 个 很 有 趣 的 问题 : Mover 对 象 如 何 与 流体 对 象 交 互 ? 我 们 想 达 到 这 样 的 效果 : 





运动 者 穿 过 流体 对 象 时 会 受到 阻力 的 作用 。 
用 Processing 实 现 起 来 是 这 样 的 (假设 我 们 用 索引 i 裔 历 整 个 Mover 对 和 象 数 组 ): 


if (movers[il].isInside(liquid)) { 
movers[i].drag(liquid); 如 果 Mover 对 象 位 于 流体 内 部 ， 流 体 阻 力 将 作用 在 
物体 上 








} 
从 这 段 代 码 可 以 看 出 , 我 们 需要 在 Mover 类 中 加 入 两 个 额外 的 函数 : isInside() 困 数 用 于 判 
新 Mover 对 和 象 是 否 在 流体 对 象 内 部 ，drag ( ) 也 数 计算 并 将 流体 阻力 作用 在 Mover 对 象 上 。 


isInside() 枯 数 的 实现 很 简单 , 我 们 只 需要 加 一 个 条 件 判断 语句 ,判断 Mover 对 象 的 位 置 是 
否 在 流体 的 矩形 区 域内 部 。 
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boolean isInside(Liquid L) { 
if (location.x>l.x && location.x<l.x+l.w AQ location.y>l.y AS location.y<l.y+l.h) 
这 个 条 件 判 断 语句 可 以 判断 对 象 的 位 置 是 否 位 于 流 
体 的 算 形 内 


{ 


return true; 
} else { 
return false;: 


} 


2 
drag () 函数 就 稍 显 复杂 ， 但 前 面 我 们 已 经 实现 过 类 似 的 逻辑 ， 它 只 是 流体 阻力 公式 的 实现 : 
阻力 的 大 小 等 于 阻力 系数 乘 以 Mover 对 象 速 度 的 平方 ， 方 向 与 Mover 对 象 的 速度 方向 相反 。 
void drag(Liquid 1) { 
float Speed = velocity.mag(); 


float dragMagnitude = \l.c * Speed * speed; 力 的 大 小 : Cd * Vv 


PVector drag = velocity.get!(); 
drag.mult(-1); 


drag.normalize(); 力 的 方向 : 与 速度 相反 
drag.mult(dragMagnitude); 最 终 确定 力 : 大 小 和 方向 
appLyForce(drag ) ; 应 用 力 


} 
最 后 我 们 将 这 两 个 函数 加 入 到 主 程序 中 : 





示例 代码 2-5 ”流体 阻力 
Mover[] movers = new Mover[100]; 
Liquid liquid; 


void setup() { 
size(360, 640); 


smooth () ; 
for (int i = 0; i < movers.length; I++) { 
movers[i] = new Mover(random(0.1,5),0,0); 


} 
liquid = new Liquid(0, height/2, width, height/2, 0.1); 
} 


void draw() { 
background(255 ) ; 


Liquid.dispLay() ; 
for (int i = 0; i < movers.length; I++) { 


if (movers[I].isInside(Liquid) ) { 
movers[i].drag(liquid); 


} 
float m = 0.1*movers[i].mass; 
PVector gravity = new PVector(0, m); 根据 质量 确定 重力 大 小 


movers[i].applyForce(gravity); 
movers[i].update(); 
movers[i].display(); 
movers[i].checkEdges(); 


} 


运行 这 段 代码 ,你 会 发 现 它 模拟 的 是 物体 挥 入水 中 的 效 采 。 物 体委 过 窗口 底部 的 灰色 区 域 ( 代 
表 流体 ) 时 ,会 减速 。 你 还 会 发 现 物体 越 小 ,速度 减 小 地 越 快 。 回 想 牛 顿 第 二 运动 定律 ，A=F/M， 
加 速度 等 于 力 除 以 质量 。 在 同一 个 力 的 作用 下 ， 物体 的 质量 越 大 ， 加 速度 就 越 小 。 在 本 例 中 ， 阻 
力 产 生 的 反 向 加 速度 有 减速 的 效果 。 因 此 物体 的 质量 越 小 ,减速 越 快 。 








练习 2.5 


根据 阻力 公式 ， 阻 力 = 阻力 系数 x 速度 x 速度， 物体 的 运动 速度 越 快 ， 所 受 的 阻力 也 越 大 。 
在 上 面 的 例子 中 ,物体 在 进入 流体 之 前 是 完全 不 受阻 力作 用 的 。 试 着 扩展 这 个 例子 ， 让 球 从 
不 同 的 高 度 落下 ,观察 它们 进入 流体 时 阻力 的 作用 效果 。 


练习 2.6 


Ss 包含 了 物体 的 接触 面积 ,试想 一 个 盒子 落 入 水 中 , 它 所 受 的 阻力 大 小 和 撞击 水 面 的 
积 有 关 。 请 试 着 模拟 这 个 场景 。 





练习 2.7 


实际 上 ,流体 阻力 并 非 只 和 物体 的 运动 方向 相反 ， 有 时 候 还 会 与 它 重 直 ,这 个 重 直 的 阻力 又 
称 作 “诱导 阻力 ”， 它 能 使 倾斜 机 可 的 飞机 向 上 升 起 。 试 着 模拟 这 种 阻力 。 
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引力 是 最 名 见 的 力 。 说 起 引力 ,我 们 首先 会 想起 古 中 牛顿 的 茸 末 。 引 力 会 使 地 球 上 的 物体 下 
落 , 但 这 只 是 我 们 体会 到 的 引力 。 实 际 上 ,在 地 球 吸引 苹果 下 落 的 同时 ,苹果 对 地 球 也 有 5 引力 作 
用 ,只 不 过 地 球 过 于 庞大 , 它 使 得 所 有 其 他 物体 的 引力 都 可 以 忽略 不 计 。 有 质量 的 任意 物体 之 间 











图 2-6 给 出 了 引力 的 计算 公式 。 
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mv 
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让 我 们 仔细 分 析 一 下 这 个 引力 公式 。 

口 F 人 代表 引 力 ， 我 们 的 最 终 目 的 就 是 计算 这 个 引力 问 量 ,， 将 它 传 人 applyForce() 阴 数 。 

口 G 是 万 有 引力 常量 ， 在 地 球 上 ， 它 的 值 等 于 6.674 28 x 10… Nm /kg 。 对 物理 学 家 来 说 ， 
这 个 值 非常 重要 ， 但 在 Processing 编 程 中 ， 它 并 不 重要 。 对 我 们 而 言 ， 它 只 是 一 个 第 量 ， 
用 于 控制 引力 的 强 弱 。 我 们 可 以 随意 地 将 它 假定 为 1， 不 用 考虑 这 个 值 是 否 正 确 。 

D 和 7 代表 两 个 物体 的 质量 。 在 前 面 牛顿 第 二 定律 ( F = M * 4 ) 的 模拟 中 , 我们 忽略 了 
质量 ， 因 为 显示 在 屏幕 上 的 圆 并 没有 真正 的 质量 。 但 我 们 也 可 以 加 入 质量 的 作用 ， 让 质 
量 更 大 的 物体 产生 更 大 的 引力 ， 这 样 一 来 ， 整 个 模拟 过 程 将 变 得 更 加 有 趣 。 

口 7 代表 由 物体 1 指 癌 物体 2 的 单位 癌 量 。 为 了 得 到 这 个 方 呵 癌 量 , 我 们 将 两 个 物体 的 位 置 问 
量 相 减 。 

口 表示 物体 距离 的 平方 。 公 式 的 分 子 包 含 G、m1 和 m,， 分 子 越 大 ， 分 数值 越 大 ， 因 此 G、 
mi 和 和 m2 的 值 越 大 ，3 引 | 力也 越 大 ; 分 母 越 大 ,分 数值 越 小 ， 因 此 引力 的 强 弱 和 距离 的 平方 
成 反比 。 物 体 距离 越 远 ， 引 力 越 弱 ; 物体 距离 越 近 ， 引 力 越 强 。 
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根据 图 2-6 分 解 完 引力 公式 后 ， 我 们 就 开始 用 Processing 代 码 模 拟 引 力 。 整 个 模拟 过 程 都 建立 
在 以 下 假设 基础 上 。 


我 们 有 两 个 对 象 : 

(1) 每 个 对 象 都 有 一 个 位 置 ， 分 别 为 器 量 Location1 和 癌 量 Location2; 

(2) 每 个 对 象 都 有 质量 ， 分 别 为 浮 点 类 型 的 mass1 和 mass2; 

(3) 用 浮 点 变量 G 表 示 万 有 引力 常量 。 

我 们 要 根据 上 面 的 假设 计算 引力 向 量 PVector force。 计算 分 成 两 步 : 第 一 步 ， 根据 公式 中 
的 计算 引力 的 方向 向 量 x ; 第 二 步 ， 根 据 物体 的 质量 和 距离 计算 引力 的 大 小 。 

在 第 1 章 中 ， 我 们 学 会 了 如 何 让 圆 天 着 鼠标 所 在 的 方向 加 速 〈 网 2-7 )。 























带 度 


图 2-7 


问 量 是 两 个 点 之 间 的 差 。 为 了 得 到 一 个 由 圆 指 阿 鼠标 的 回 量 ， 我 们 将 两 个 点 相 减 : 
PVector dir = PVector,sub(mouse, Location); 
在 这 个 例子 中 ， 对 象 1 在 对 象 2 上 产生 的 引力 方向 为 : 


PVector dir = PVector.sub(location]1, location2); 
dir.normalize(); 




















别 忘 了 我 们 需要 的 是 一 个 单位 向 量 ， 只 关心 它 的 方向， 因此 在 将 两 个 位 置 相 减 后 ,我 们 还 需 
要 将 得 到 的 癌 量 单位 化 。 
得 到 引力 的 方 加 后， 我 们 开始 计算 引力 的 大 小 ， 并 根据 这 个 大 小 改变 引力 癌 量 的 长 度 。 


float m= (G * massl * mass2) / (distance * distance); 
dir.mult(m); 





还 有 一 个 问题 , 我 们 不 知道 距离 的 值 是 多 少 。6、mass1 和 mass2 是 已 知 的 , 但 距离 并 非 已 知 ， 
所 以 在 实现 上 面 代码 之 前 , 我 们 必须 先 计 算 距 离 的 大 小 。 前面 我 们 已 经 计算 过 由 一 个 位 置 指 癌 男 
外 一 个 位 置 的 品 量 ， 而 两 点 之 间 的 距离 就 等 于 这 个 问 量 的 长 度 。 
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图 2-8 





要 得 到 两 个 对 象 之 间 的 距离 , 我 们 只 需要 在 向 量 单位 化 之 前 , 用 一 行 代码 计算 这 个 回 量 的 长 度 。 


PVector force = PVector.sub(Location1l,Location2 ) ; 由 一 个 对 象 指向 另 一 对 象 的 向 量 


float distance = force.magnitude() ; 向 量 的 长 度 (大 小 ) 等 于 对 象 之 间 的 距离 


float m= (G * massl * mass2) / (distance * 


用 重力 公式 计算 力 的 大 小 
distance); 


force.normalize(); 单位 化 力 向 量 ， 并 设置 它 的 大 小 
force,muLt(m) ， 


注意 , 我 们 已 经 把 前 面 的 dir 对 象 重 命名 为 force 对 象 。 我 们 只 需要 一 个 PVector 对 象 就 能 完 
成 所 有 的 运算 ， 这 个 PVector 对 象 就 等 于 我 们 需要 的 引力 向 量 。 


既然 我 们 得 到 了 引力 计算 的 相关 代码 ， 下 面 就 开始 在 Sketch 中 模拟 引力 。 在 示例 代码 2-1 中 ， 
我 们 创建 了 一 个 简单 的 Mover 对 象 ， 这 个 对 象 拥 有 位 置 、 速 度 、 加 速度 和 apptLyForce() 呆 数 。 
我 们 要 继续 用 这 个 Mover 类 模拟 引力 ， 在 Sketch 中 创建 两 个 对 象 : 


口 一 个 Mover 对 象 ; 
口 一 个 Attractor 对 象 ( 实例 化 目 一 个 全 新 的 类 ， 它 的 位 置 是 固定 的 )。 


如 图 2-9 所 示 , Mover 对 象 受 Attractor 对 象 产 生 的 引力 作用 , 引力 方 同 指向 Attractor 对 象 。 
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我 们 可 以 简单 地 实现 这 个 Attractor 对 象 
质量 大 小 确定 显示 大 小 )。 


class Attractor { 





给 它 一 个 位 置 、 质 量 和 绘制 目 酸 的 函数 (根据 


float mass; Attractor 对 象 很 简单 ， 它 不 会 移动 ， 只 有 质量 和 
位 置 
PVector Location， 


Attractor() { 


Location = new PVector(width/2,height/2); 
mass = 20 


} 


void display() { 
stroke(0); 
fill(175,200); 
ellipse(location.x,location.y,mass*2,mass*2); 


} 
接着 ， 我 们 在 主 程序 中 添加 一 个 Attractor 类 的 实例 。 


Mover m; 
Attractor a; 


void setup() { 
size(200,200); 
m = new Mover( ) ; 


a = new Attractor(); 初始 化 Attractor 对 象 
} 
void draw() { 
background(255 ) ; 
a.display(); 显示 Attractor 对 象 
m.update(); 


m.display(); 


这 是 一 个 很 好 的 程序 结构 : 主 程序 中 有 一 个 Mover 对 象 和 一 个 Attractor 对 象 ， 有 两 个 类 分 
别 控制 它们 的 变量 和 行为 。 还 有 一 个 问题 ， 即 我 们 如 何 让 两 个 对 象 交 互 : 让 其 中 一 个 对 和 象 吸引 为 
一 个 对 象 ? 


下 面 列举 了 解决 这 个 问题 的 几 种 方法 ( 当然 还 有 其 他 方法 )。 


万 法 函 。 数 
(1) 将 Mover 对 象 和 Attractor 对 象 同时 传人 一 个 函数 attraction(a,m) 
(2) 将 Mover 对 象 传人 Att ractor 对 象 的 成 员 函 数 a.attract(m) 


(3) 将 Attractor 对 象 传人 Mover 对 象 的 成 员 郴 数 m.attractTo(a) 
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( 续 ) 
方 法 国 数 


(4) 将 Mover 对 象 传人 Attractor 对 象 的 成 员 函 数 , 返回 引力 向 量 。 然后 将 引力 向 PVector f = a.attract(m); 
量 传 给 Mover 对 象 的 appLyForce( ) 函数 m.applyForce(f); 


探索 对 象 之 间 的 各 种 交互 方式 是 一 种 很 好 的 编程 实践 ， 你 可 以 采用 上 面 任何 一 种 实现 方式 。 
但 对 我 来 说 , 我 首先 会 舍弃 方法 1， 因 为 attraction() 函数 与 两 个 对 象 都 毫 无 联系 ,这 并 不 是 一 
种 面向 对 象 的 实现 方式 ; 方法 2 可 以 表述 为 “Attractor 对 象 吸引 Mover 对 象 ” 方法 3 可 以 表述 为 
“Mover 对 象 被 Attractor 对 象 吸引 ”, 它们 的 区 别 只 在 于 表述 方式 的 不 同 ; 方法 4 是 我 最 喜欢 的 实 
现 方式 ， 至 少 从 本 书 的 角度 考虑 ， 我 们 最 好 采用 这 种 方法 。 毕 葛 ， 前 面 我 们 花 了 很 多 时 间 讨 论 
applyForce() 因数 ， 继 续 使 用 这 个 冰 数 会 让 代码 显得 清晰 易 懂 。 


简要 地 说 ， 以 前 我 们 的 实现 方式 是 这 样 的 : 

















PVector f = new PVector(0.1,0); 创建 一 个 力 向 量 
m.applyForce(f); 

现在 ， 我 们 要 改 成 : 

PVector f = a.attract(m); 两 个 对 象 之 间 的 引力 
m.applyForce(f); 

因此 ，draw() 函数 现在 被 写成 : 


void draw() { 
background (255); 


PVector f = a.attract(m): 计算 引力 ， 并 把 它 作 用 在 物体 上 
m.appLyForce(f) ; 


m.update(); 


a.display(); 
m.display(); 
} 


Attractor 类 有 一 个 attract() 拯 数 ， 接 下 来 我 们 要 实现 这 个 函数 。 这 个 子 数 的 参数 是 一 人 1 
Mover 对 象 ， 返 回 值 是 一 个 问 量 对 和 象 : 
PVector attract(Mover m) { 
} 
这 个 函数 里 面 有 什么 内 容 ? 前 面 我 们 已 经 摘 清 楚 了 引力 公式 , 这 个 函数 的 内 容 就 是 实现 引力 
AN 
A 


PVector attract(Mover m) { 
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PVector force = PVector,sub(Location,m,.Location); 计算 力 的 方向 


float distance = force.mag(); 
force.normalize(); 


float strength = (G * mass * m.mass) / (distance * distance); 


force.mult(strength); 计算 力 的 大 小 
return force; 返回 力 ， 之 后 将 它 作 用 在 对 象 上 


} 


差不多 已 经 大 功 告 成 , 但 还 有 个 小 问题 。 仔 细 看 上 面 的 代码 ， 你 会 发 现 有 一 个 除法 运算 。 只 
要 有 除法 运算 ， 我们 都 要 问 自己 一 个 问题 ， 要 是 对 象 之 间 的 距离 很 小 ， 甚 至 为 零 ( 情况 更 糟 ! ) 
会 发 生 什么 ”我 们 知道 不 能 将 一 个 数 除 以 0， 如 果 我 们 将 一 个 数 除 以 0.000 1， 也 等 同 于 将 它 乘 以 
10 0001 引 | 力 公 式 是 针对 现实 世界 的 , 但 现在 我 们 在 Processing 的 模拟 世界 里 , 这 里 并 非 现实 世界 。 
在 以 上 Processing 代 码 中 ，Mover 对 象 可 能 与 Attractor 对 象 非 党 接近 ， 最 后 产生 极 大 的 引力 ， 导 
致 Mover 对 象 飞 出 屏幕 。 因 此 ， 我 们 最 好 考虑 引力 公式 的 实际 表现 ， 将 对 象 之 间 的 距离 限制 在 实 
际 可 能 的 范围 内 。 比 如 ， 无 论 Mover 对 象 在 什么 位 置 ， 我 们 约定 它 和 Attractor 对 象 的 距离 始终 
都 不 小 于 $ 像 素 ， 不 大 于 25 像 素 。 


distance = constrain(distance,5,25); 


我 们 要 限制 对 象 之 间 的 最 小 距离 ， 同 理 ， 最 好 也 要 限制 它们 的 最 大 距离 。 举 个 例子 ， 如 果 
Mover 对 和 象 和 Attractor 对 象 之 间 的 距离 是 $00 像 素 (这 是 一 个 不 合理 的 值 )， 在 计算 引力 时 ， 我 
们 就 需要 除 以 250 000， 最 后 求 得 的 引力 会 变 得 很 小 ， 完 全 可 以 忽略 不 计 。 


现在 ,你 可 以 目 己 决定 程序 表现 出 怎样 的 行为 。 如 果 你 觉得 “我 想 要 一 个 合理 的 引力 , 不 想 
要 一 个 大 得 离谱 或 者 小 得 离谱 的 值 " ， 那 么 限制 距离 是 一 种 很 好 的 实现 方式 。 

Mover 类 没有 发 生 任何 改变 ， 所 以 我 们 可 以 把 主 程序 和 Attractor 类 看 成 一 个 整体 ， 把 万 有 
引力 篆 量 加 入 其 中 。( 在 本 书 的 源 代码 中 ， 你 还 可 以 用 鼠标 移动 Attractor 对 象 。) 
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示例 代码 2-6 引力 


Mover m; Mover 和 Attractor 对 象 


Attractor a; 
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void setup() { 
size(200,200); 
m = new Mover(); 
a = new Attractor(); 


} 
void draw() { 
background(255 ) ; 
PVector force = a.attract(m); 计算 Attractor 对 象 对 Mover 对 象 的 引力 
m.applyForce(force); 
m.update(); 


a.display(); 
m.display(); 


} 

class Attractor { 
float mass; 
PVector location; 
float 6G; 


Attractor() { 
location = new PVector(width/2,height/2); 
mass = 20; 
G = 0.4; 

} 


PVector attract(Mover m) { 
PVector force = PVector,sub(location,m. location); 
float distance = force.mag(); 
distance = constrain(distance,5.0,25.0); 记 住 ， 我 们 要 限制 两 者 之 间 的 距离 ， 避 免 对 象 超出 
控制 


force.normalize(); 

float strength = (G * mass * m.mass) / (distance * distance); 
force.mult(strength); 

return force; 


} 


void display() { 
stroke(0); 
fill(175,200); 
ellipse(location.x,location.y,mass*2,mass*2),; 
} 

} 


当然 ， 我 们 还 可 以 将 这 个 例子 扩展 到 多 个 Mover 对 象 共 同 存 在 的 情形 ， 只 需要 用 一 个 数组 存 
放 这 些 Mover 对 和 象 即 可 ， 丈 像 在 译 氛 力 和 阻力 革 广 中 所 做 的 那样 。 
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示例 代码 2-7 多 个 Mover 对 象 之 间 的 引力 


Mover[] movers = new Mover[10]; 现在 我 们 有 10 个 Mover 对 和 象 
Attractor a; 
void setup() { 


size(400,400); 
for (int i = 0; i < movers.length; i++) { 


movers[i] = new Mover(random(0.1,2),random(width),random(height)); 
} 每 个 对 象 都 用 随机 的 方式 初始 化 


a = new Attractor() ; 


} 


void draw() { 
background(255 ) ; 


a.display(); 


for (int i = 0; i < movers.length; i++) { 
PVector force = a.attract(movers[i]); 为 每 个 Mover 对 象 计算 引力 
movers[1I].appLyForce(force) ; 


movers[I],update() ; 
movers[i].display(); 


练习 2.8 


在 上 面 的 例子 中 ,我 们 有 一 个 Mover 对 象 数 组 和 一 个 Attractor 对 人 象 。 试 着 编写 同时 有 多 
个 Mover 对 象 和 多 个 Attractor 对 象 的 模型 ， 并 且 让 这 些 Attractors 对 象 都 在 屏幕 上 显 


示 出 来 。 你 能 否 让 Mover 都 绕 着 Attractor 运动 ? 你 可 以 参考 Clayton Cubitt 和 Tom Carden 
写 的 Metropop Denim 项 目 (http://processing.org/exhibition/works/metropop/ )。 
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练习 2.9 


值得 一 提 的 是 ， 我 们 可 以 参考 引力 设计 自己 的 模型 。 本 章 不 希望 你 仅仅 用 Sketch 对 引力 建 
模 ， 你 应 该 创造 性 地 思考 如 何 设计 驱动 对 象 的 行为 规则 。 举 个 例子 ， 你 可 以 设计 这 样 的 力 : 


物体 距离 越 近 ， 相 互 的 作用 力 越 小 ， 距 离 越 远 ， 作 用 力 越 大 ; 或 者 让 你 的 Attractor 能 对 
远 处 的 对 象 有 引力 ， 对 近 处 的 对 象 有 斥 力 。 





2.10 万 有 引 〈 斥 ) 力 


我 们 从 最 简单 的 例子 开始 , 也 就 是 一 个 物体 吸引 另 一 个 物体 的 模型 , 之 后 扩展 到 一 个 物体 吸 
引 多 个 物体 的 模型 。 希望 这 些 例子 对 你 有 所 局 发 。 下 面 ， 我 们 将 研究 更 复杂 的 模型 : 多 个 物体 相 
互 吸引 。 换 句 话 说 ， 在 新 的 系统 中 ， 每 个 对 象 对 其 他 任何 对 和 象 ( 系统 本 里 除外 ) 部 有 吸引 作用 。 

我 们 已 经 完成 了 其 中 的 大 部 分 工作 。 请 思考 下 面 的 场景 ， 有 一 个 由 Mover 对 象 组 成 的 数组 : 


Mover[] movers = new Mover[10]; 











void setup() { 
size(400,400); 
for (int i = 0; i < movers.length; I++) { 
movers[i] = new Mover(random(0.1,2),random(width),random(height)); 
} 
} 


void draw() { 
background (255); 
for (int i = 0; i < movers.length; I++) { 
movers[i].update(); 
movers[i].display(); 
} 

} 

我 们 需要 在 draw( ) 函数 上 做 些 修 改 ， 之 前 ,我们 的 实现 逻辑 是 : 对 每 个 Mover i， 先 更 新 其 
位 置 ， 并 在 屏幕 上 绘制 出 来 。 现 在 我 们 要 把 它 实 现成 : 对 每 个 Mover i， 都 受到 其 他 Mover j 的 
吸引 ， 更 新 ;的 位 置 ， 并 在 屏 萌 上 绘制 出 来 。 

为 了 实现 这 个 逻辑 ， 我 们 需要 再 舱 套 一 个 循环 。 

for (int i = 0; i < movers.length; I++) { 


for (Int j] = 0; j) < movers.length; j++) { 每 个 Mover 对 象 都 要 检查 所 有 其 他 MoVver 对 象 











PVector force = movers[j]l].attract(movers[i]); 
movers[i].applyForce(force); 

} 

movers[I].update() ; 

movers[I].dispLay() ; 
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在 前 面 的 例子 中 ，Attractor 对 和 象 有 一 个 attract() 拯 数 。 在 这 里 ，Mover 对 和 象 也 能 产生 引 
力 ， 因 此 我 们 需要 将 attract( ) 函数 复制 到 Mover 类 中 。 


class Mover { 





// 此 处 加 上 前 面 写 过 的 代码 
PVector attract(Mover m) { 现在 ，MOVer 对 象 知道 如 何 吸引 其 他 MOVer 对 象 


PVector force = PVector.sub(location,m.Tlocation); 
float distance = force.mag(); 

distance = constrain(distance,5.0,25.0); 
force.normalize(); 


float strength = (G * mass * m.mass) / (distance * distance); 
force.mult(strength); 
return force; 


} 
当然 , 这 里 还 有 一 个 小 问题 。 用 1 和 j 遍 历 Mover 数 组 时 , 磁 到 i 等 于 j 的 情况 该 怎么 办 ”比如 ， 
Mover 3 对 Mover 3 是 否 有 吸引 作用 ? 当然 ，Mover 对 目 身 是 没有 引力 的 。 如 果 同 时 有 5 个 Mover， 


Mover 3 只 对 0、1、2、4 有 吸引 作用 ， 对 目 身 并 没有 吸引 作用 。 因 此 ， 为 了 完成 这 个 模型 ， 我 们 
需要 加 入 一 个 简单 的 条 件 判 断 语句 ， 在 遍历 时 跳 过 i 等 于 j 的 场景 。 
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示例 代码 2-8 万 有 引力 
Mover[] movers = new Mover[20]; 
float g = 0.4; 


void setup() { 
size(400,400); 
for (int i = 0; i < movers.length; i++) { 
movers[i] = new Mover(random(0.1,2),random(width),random(height)); 
} 
} 


void draw() { 
background(255 ) ; 
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for (int i = 0; i < movers.length; I++) { 
for (int j = 0; j < movers.length; j++) { 
lf (lL Ie g) 4 不 要 吸引 自身 | 
PVector force = movers[j].attract(movers[i]); 
movers[i].applyForce(force); 
} 
} 
movers[i].update(); 
movers[i].display!(); 


练习 2.10 
将 示例 代码 2-8 中 的 吸引 力 改 成 排斥 力 , 你 可 以 让 所 有 Mover 对 象 都 被 和 鼠标 吸引 , 但 相互 之 


间 有 排斥 作用 。 思 考 如 何 让 引力 和 斤 力 的 强 弱 相互 平衡 , 如何 有 效 地 使 用 距离 计算 力 的 大 小 。 





生态 系统 项 目 
第 2 步 练 习 


我 们 把 力 的 概念 融合 到 生态 系统 中 。 你 可 以 在 环境 中 引入 新 的 元 素 ( 比如 食物 和 肉食 动物 )， 
生态 系统 中 的 生物 能 和 这 些 元 素 产 生 交互 。 请 思考 现实 世界 中 的 生物 和 哪些 事物 有 互相 吸引 和 排 
斥 的 作用 ? 你 能 否 抽象 出 这 些 经 验 ， 并 根据 生物 的 行为 方式 设计 出 更 多 力 ? 








振 沪 





“三 角 函 数 开 居 正 弦 时 代 。 
一 一 佚名 


在 前 面 两 昔 中 ， 我 们 用 面向 对 象 的 方法 模拟 了 物体 在 屏幕 上 的 运动 ,用 回 量 表示 物体 的 位 
置 、 速 度 和 加 速度 。 下 面 我 们 直接 进入 粒子 系统 ， 转 回力 和 群体 行为 等 话题 ， 但 这 么 做 会 让 我 
们 遗 沁 数学 计算 中 一 个 很 重要 的 知识 领域 : 三 角 函 数 ， 也 册 是 三 角形 和 运算， 尤其 是 百 角 三 角形 
的 数学 运算 。 

三 角 冰 数 会 给 我 们 市 来 很 多 新 工具 。 本 章 我 们 会 学 习 角 、 角 速度 以 及 角 加 速度 , 期间 还 会 涉 
及 正弦 函数 和 余弦 函数 ,它们 可 以 用 来 制作 平滑 的 波形 曲线 。 有 了 这 些 知 识 , 我们 就 能 计算 更 复 
杂 的 力 ， 而 这 些 力 往往 都 涉及 角度 ， 比 如 钟 摆 的 摆动 和 盒子 从 斜坡 滑 下 时 所 受 的 力 。 


所 以 ， 本 章 的 内 容 有 些 混杂 。 在 最 开始 ， 我 们 会 结合 Processing 和 学习 角 的 基本 知识 ， 其 中 会 
涵盖 三 角 函 数 的 知识 , 最 后 我 们 会 把 这 些 知 识 融 入 到 力 中 。 后 几 间 的 例子 需要 我 们 掌握 角度 的 知 
识 基 础 ， 因 此 本 章 会 为 后 面 的 学 习 铺 平 道路 。 


3.1 角度 


开始 学 习 本 章 之 前 ， 我 们 需要 先 理 解 Processing 中 的 角 是 什么 。 如 采 你 之 前 用 过 Processing， 
那么 肯定 碰 到 过 这 样 的 场景 : 用 rotate() 函数 旋转 物体 ， 在 这 个 过 程 中 你 已 经 接触 到 了 角 的 
要 

站 完 要 学 习 的 是 绝 度 和 度数 。 你 可 能 已 经 熟悉 度数 这 个 单位 ， 比 如 ,一 个 完整 的 旋转 是 从 
0 度 转 到 360 度 。90 度 ( 直角 ) 就 是 360 度 的 114， 下 图 中 有 两 条 相互 垂直 的 直线 ， 它 们 构成 了 一 
个 直角 。 



































~ 360° | 


图 。3-1 


对 我 们 来 说 ， 用 度数 去 度量 一 个 角 是 相当 直观 的 方式 。 比 如 ， 图 3-2 中 的 正方 形 绕 着 它 的 中 0 
心 旋转 了 45 度 。 


网 3-2 


Processing 要 求 我 们 用 弧度 表示 一 个 角 。 弧 度 也 是 角 的 度量 单位 ， 它 是 角 所 对 的 弧 长 除 以 半 
径 后 得 到 的 值 。 如 图 3-3 所 示 ,， 弧 度 为 1 代表 弧 长 除 以 半径 等 于 1。180 度 =z 弧度 ,360 度 =27x 弧 度 ， 
90 度 = zw/2 弧 度 。 





半径 
图 3-3 


可 以 通过 下 面 的 公式 将 度数 转化 为 弧度 : 


弧度 ==2n x (角度 /360) 


值得 庆 洱 的 是 ， 如 果 我 们 更 喜欢 用 度数 思考 问题 ， 但 却 要 在 代码 中 使 用 缴 度 ，Processing 提 
供 了 简便 的 转化 方法 ， 它 有 一 个 radian() 困 数 ， 可 以 将 度数 值 转化 为 弧度 值 。 它 还 提供 了 两 个 
常量 PI 和 Tw0_PI， 分 别 对 应 两 个 常用 的 弧度 值 xr 和 2 ( 即 180 度 和 360 度 )。 以 下 代码 就 使 用 了 弧 
度 转换 子 数 ， 它 实现 的 功能 是 将 图 形 旋 转 60 度 。 


float angle = radians (60); 
rotate(angle); 


如 有 果 你 不 清楚 如 何 用 Processing 实 现 旋转 ， 我 建议 你 看 看 这 篇 文档 “Processing - 2D 


Transformations” (http://www.processing.org/learning/transform2d/ )。 











四 

定 
RE 区 是 一 个 实数 ， 被 定义 为 圆 的 周 长 (周边 的 距离 ) 与 直径 ( 穿 过 圆心 的 线段 ) 的 比 
例 。 它 约 等 于 3.141 59， 我 们 可 以 通过 Processing 的 内 置 变 量 PI 获取 它 的 值 。 


练习 3.1 


有 一 个 外 形 类 似 指挥 棒 的 物体 ( 如 下 所 示 )， 请 用 transtLate() 函 数 和 rotate() 函数 让 它 
绕 着 自己 的 中 心 旋转 。 


BA Ex 3 01 exercise_ baton 





3.2 角 运 动 


你 还 记得 下 面 的 公式 吗 ? 





位 置 = 位 置 + 速度 
速度 = 速度 + 加 速度 


上 面 的 公式 几乎 是 前 两 草 的 全 部 内 容 ， 我 们 可 以 把 相同 的 逻辑 运用 到 物体 的 旋转 运动 上 。 


出 
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角度 = 角度 + 角速度 
角速度 = 角速度 + 角 加 速度 





实际 上 ， 这 个 公式 比 第 一 个 公式 还 要 简单 ， 因 为 角度 是 一 个 标量 一 一 只 是 一 个 数字 ,不 是 问 


下 面 来 解决 练习 3.1， 如 果 我 们 想 用 Processing 将 指挥 棒 旋 转 一 定 角度 ， 可 以 这 么 实现 : 


translate(width/2,height/2); 
rotate(angle); 
line(-50,0,50,0); 
ellipse(50,0,8,8); 
ellipse(-50,0,8,8); 


将 其 加 入 运动 模拟 ， 我们 可 以 得 到 下 面 的 结 来 。 
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示例 代码 3-1 用 rotate() 函数 实现 的 角 运 亏 


float angle = 0; 位 置 
float aVelocity = 0; 速度 
float aAcceleration = 0.001; 加 速度 


void setup() { 
size(200,200); 


} 

void draw() { 
background (255); 
fill(175); 


stroke(0); 

rectMode (CENTER ) ; 
translate(width/2,height/2); 
rotate (angle); 
line(-50,0,50,0); 
ellipse(50,0,8,8); 
ellipse(-50,0,8,8); 


aVelocity += aAcceleration; 在 角度 中 实现 velocity.add(acceleration) 


angle += aVelocity; 在 角度 中 实现 Location.add(velocity) 
} 


程序 开始 运行 时 ， 指 挥 梭 并 没有 转动 ， 随 着 旋转 加 速 ， 它 的 转动 速度 也 越 来 越 快 。 
我 们 可 以 在 之 前 的 Mover 对 象 中 加 入 相同 的 实现 。 比 如 ， 我 们 可 以 把 与 角 运 动 相关 的 变量 加 
入 到 Mover 类 中 。 


class Mover { 


PVector location; 
PVector velocity; 
PVector acceleration; 
float mass ; 


float angle = 0; 
float aVelocity = 0; 
float aAcceleration = 0; 


在 update() 范 数 中 ， 我 们 用 相同 的 算法 同时 更 新 Mover 对 象 的 位 置 和 角度 |! 


void update() { 





velocity.add(acceleration); 常规 的 运动 
Location.add(veLocity ) ; 


aVelocity += aAcceLeration; 新 的 角 运 动 
angle += aVelocity; 


acceleration.mult(0); 


} 
当然 ,为 了 得 到 最 终 的 效果 ， 我 们 还 需要 在 display () 函数 中 旋转 对 象 。 


void display() { 








stroke(0); 

fill(175,200); 

rectMode (CENTER ) ; 

pushMatrix(); pushMatrix() 和 popMatrix() 使 图 形 的 旋转 不 
会 影响 程序 的 其 他 部 分 

transLate(Location.x,Location,y)， 将 原点 设 为 图 形 所 在 的 位 置 

rotate (angle); 转 过 一 定 角 度 


rect(0,0,mass*]16,mass*]16); 
popMat rix( ); 
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如 果 我 们 直接 运行 上 面 的 代码 ， 并 不 会 看 到 任何 新 的 效果 。 因 为 角 加 速度 ( float 
aAcceleration = 0; ) 被 初始 化 为 0。 为 了 让 对 和 象 旋转 ， 我 们 需要 给 它 一 个 角 加 速度 ! 我 们 可 
以 在 代码 中 设置 〈 硬 编码 ) 一 个 初始 加 速度 。 


float aAcceleration = 0.01; 


我 们 还 可 以 根据 环境 中 的 力 为 角 加 速度 分 配 一 个 动态 值 , 这 样 运行 效果 会 更 有 趣 。 除 此 之 外 ， 
还 有 更 复杂 的 修改 方式 ， 比 如 用 力矩 ( http://en.wikipedia.org/wiki/Torque ) 和 转动 惯量 ( http://en. 
wikipedia. org/wiki/Moment_of inertia ) 的 概念 模拟 角 加 速度 物理 学 。 然 而 ， 这 已 经 超出 了 本 书 的 
讨论 范围 〈 在 本 章 后 面 ， 我 们 将 看 到 更 多 关于 角 加 速度 和 钟 摆 建 模 的 例子 ， 并 在 第 5$ 章 学 习 如 何 
用 Box2D 物 理 库 副 真 地 模拟 物体 的 转动 )。 


现在 , 我 们 只 需要 一 个 简单 快捷 的 解决 方法 : 简单 地 将 物体 的 加 速度 向 量 映射 成 一 个 合理 的 
角 加 速度 。 比 如 : 


aAcceleration = acceleration.x; 


这 是 一 种 很 随意 的 方法 , 但 却 能 起 到 一 定 的 效果 。 如 果 物 体 的 加 速度 向 右 , 它 就 有 一 个 顺 时 
针 的 角 加 速度 ; 如 果 加 速度 向 左 ， 它 就 有 一 个 逆 时 针 的 角 加 速度 。 除 了 方向 ,我 们 还 要 考虑 角 加 
速度 的 大 小 。 加 速度 的 x 分 量 可 能 很 大 ， 以 至 于 会 导致 物体 旋转 的 速度 过 快 ， 使 运行 效果 不 符合 
实际 情况 。 为 了 得 到 一 个 大 小 合理 的 角 加 速度 ， 我 们 可 以 将 x 分 量 除 以 菏 个 值 ， 或 将 角速度 限定 
在 合理 的 范围 内 。 下 面 给 出 的 update() 函数 就 充分 考虑 了 这 一 情况 。 
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示例 代码 3-2 力 和 (随意 ) 角 运 动 的 结合 
void update() { 


velocity.add(acceleration); 
Location.add(veLocity ) ; 


aAcceleration = acceleration.x / 10.0; 根据 加 速度 的 水 平分 量 计算 角 加 速度 
aVelocity += aAcceleration; 
aVelocity = constrain(aVelocity,-0.1,0.1); 用 Constrain( ) 肠 数 确 保 角 速度 不 会 超出 控制 


angLe += aVelocity; 





acceleration.mult(0); 


练习 3.2 


又 1: 模拟 物体 被 大 炮 射 出 的 场景 ,在 这 个 过 程 中 ， 物 体 受 两 个 力 的 作用 ， 即 发 射 力 ( 只 
3 


步骤 2: 假设 物体 从 大 炮 中 发 射出 去 时 会 发 生 旋 转 ， 请 模拟 旋转 效果 。 你 能 否 让 它 尽 可 能 接 
近 真 实 的 旋转 效果 ? 





3.3 ”三角 函数 


我 们 已 经 掌握 了 角 的 概念 , 知道 如 何 让 物体 转动 , 接 下 来 , 是 时 候 学 习 sohcahtoa 了。sohcahtoa 
看 起 来 是 一 个 这 无 意义 的 词语 , 但 实际 上 却 是 计算 机 图 形 学 的 基础 。 如 采 你 想 做 角度 相关 的 运算 ， 
求 两 点 之 间 的 距离 ， 以 及 处 理 圆 、 弧 或 者 线条 的 运算 ， 那 么 必须 掌握 三 角力 数 的 相关 知识 。 
sohcahtoa 就 是 三 角 函 数 中 正弦、 余 欧 和 正切 的 计算 口诀 〈 看 起 来 有 些 奇 怪 )。 














口 soh: 正弦 (sin ) = 对 边 /和 斜 边 

D cah: 余弦 (cos ) = 邻 边 /和 斜 边 

口 toa: 正切 (tan ) = 对 边 / 邻 边 

你 没有 必要 死记 人 硬 背 图 3-4， 但 请 确保 自己 能 很 顺畅 地 使 用 这 些 公 式 。 请 你 在 纸 上 把 它 重新 
男 | 一 过 。 在 图 3-$ 中 ， 我 用 了 另 一 种 男 法 。 

注意 我 们 是 如 何 根据 回 量 创建 一 个 直角 三 角形 的 。 回 量 是 三 角形 的 斜 边 , 它 的 x* 分 量 和 y 分 量 
是 三 角形 的 两 条 直角 边 。 图 中 还 标注 了 一 个 夹 角 ， 这 个 夹 角 可 以 用 来 表示 问 量 的 方 癌 。 

在 本 书 中 , 三角 也 数 是 非常 有 用 的 知识 点 ， 因 为 三 角 隐 数 的 存在 ,我 们 才能 在 癌 量 的 两 个 分 
量 和 大 小 方向 之 间 建 立 联系 。 下 面 , 让 我 们 来 看 个 例子 , 这 个 例子 要 用 到 三 角 也 数 中 的 正切 孙 数 。 
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3.4 ”指向 运动 的 方向 


回顾 示例 代码 1-10， 在 这 个 例子 中 ， 我 们 让 Mover 对 和 象 瑚 着 鼠标 所 在 的 方向 加 速 。 





_1 10 motionl10] acceleration 








你 可 能 会 注意 到 ， 目 前 为 止 我 们 画 的 大 部 分 物体 都 是 圆 形 的 。 原 因 有 很 多 ， 其 中 一 个 原因 是 
我 们 不 想 考 虑 物体 自身 的 旋转 ， 而 圆 的 旋转 是 看 不 出 来 的 。 然 而 ， 有 时 候 我 们 想 让 物体 能 始终 指 
问 它 运动 的 方 回 , 而 且 这 个 物体 的 形状 是 不 规则 的 , 它 的 外 形 可 能 类 似 蚂 蚁 、 汽 车 或 者 太空 飞船 。 
前 面 说 的 “始终 指 同 它 运 动 的 方 同 ”， 实 际 上 是 指 它 能 “根据 当时 的 速度 发 生 旋转 ”。 速 度 是 一 个 
器 量 ， 有 x 分 量 和 y 分 量 , 但 为 了 在 Processing 中 做 旋转 操作 ， 我 们 需要 一 个 以 弧度 为 单位 的 角度 
作为 参数 。 让 我 们 先 根据 速度 问 量 画 出 三 角 咀 数 的 示意 图 ( 如 图 3-6 所 示 )。 














velocity.y 





Co 


velocity.x 


tan( 夹 角 )=velocity.y / velocity.x 
图 3-6 
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我 们 知道 正切 ( tan ) 的 计算 方法 是 : 
tan( 夹 角 )=VeLocityy / velocityx 
但 问题 是 : 我 们 知道 速度 癌 量 , 不 知道 这 个 来 角 ， 因 此 知 要 通过 某 种 方式 计算 这 个 夹 角 。 有 
-个 专门 的 函数 用 于 求解 这 个 问题 ， 这 个 函数 就 是 反正 切 函 数 ， 用 arctan 或 者 tan 表示 (此 外 还 
存在 反正 弦 和 反 余 弦 消 数 )。 
反正 切 函 数 : 如 采 a 的 正切 等 于 ， 那 么 2 的 反正 切 就 是 a。 








如 果 tan(a) =b 

那么 a = arctan(b) 

有 反正 切 函 数 和 正切 孔 数 存在 互 逆 的 关系。 我 们 可 以 利用 反正 切 函 数 计算 角度 : 
如 果 tan( 夹 角 ) = velocity, /velocity, 

那么 夹 角 =arctan(velocity, / velocity;) 





我 们 已 经 得 到 反正 切 函 数 的 公式 ， 下 面 就 要 在 dispLay() 国 数 中 使 用 反正 切 。 在 Processing 
中 ， 反 正切 轴 数 是 atan() 。 


void display() { 
float angle = atan(velocity.y/velocity .X) ; 用 atan() 涵 数 计 算 角度 


stroke(0); 
fill(175); 
pushMatrix(); 
rectMode (CENTER); 
translate(location.x,location.y); 
rotate (angle); 按照 求 得 的 角度 旋转 
rect(0,0,30,10); 
popMatrix(); 
} 


上 面 的 代码 已 经 接近 成 品 了 了， 但 还 有 一 个 很 大 的 问题 。 请 看 下 面 的 两 个 速度 向 量 : 











上 面 的 两 个 回 量 看 起 来 很 相似 , 但 是 它们 的 方向 是 完全 相反 的 。 如果 我们 用 反正 切 函 数 分 别 
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求解 这 两 个 癌 量 的 角度 : 

太 僵 夹 角 = atan(-4/3) = atan(-1.25) = -0.927 295 2 弧度 = -53 度 

也 全 夹 角 = atan(4/-3) = atan(-.25) = -0.927 295 2 弧度 = -53 度 

对 上 面 两 个 回 量 ， 我 们 用 反正 切 函 数 计算 得 到 的 角度 是 相等 的 。 这 个 计算 结果 肯定 是 不 对 的 ， 
为 两 个 问 量 的 方 回 完全 相反 ! 这 是 在 计算 机 图 形 学 中 很 常见 的 问题 。 为 了 解决 这 个 问题 , 你 并 不 
需要 继续 调用 atan() 函数 ， 再 加 上 一 大 堆 条 件 判 断 语句 以 确定 正确 的 正 负 符号 ， 因 为 Processing 提 
供 了 一 个 现成 的 因数 (实际 上 , 大 部 分 编程 环境 都 会 为 你 提供 这 个 函数 ), 这 个 也 数 束 是 atan2()。 








_3_03_pointing_velocity_trail 





示例 代码 3-3 ” 指 问 运动 的 方 癌 


void display() { 
float angle = atan2(velocity.y,velocity.x); 用 atan2 () 有 巴 数 计算 角度 


stroke(0); 
fiLL(175) ; 
pushMatrix(); 
rectMode (CENTER); 
translate(location.x,location.y); 
rotate(angle); 按照 求 得 的 角度 旋转 
rect(0,0,30,10); 
popMatrix(); 
} 


为 了 进一步 简化 这 个 问题 ，PVector 类 提供 了 heading2D() 子 数 (这 个 函数 会 在 内 部 调用 
atan2() 国 数 )， 可 以 用 来 直接 获取 任何 癌 量 的 弧度 。 


float angle = velocity.heading2D(); 最 简单 的 实现 方式 





练习 3.3 
模拟 一 辆 汽车 的 运动 ,你 可 以 用 方向 键 控制 汽车 在 屏幕 上 的 运动 : 左 方向 键 使 汽车 向 左 运动 ， 


右 方 向 键 使 汽车 向 右 运动 。 在 运动 时 ， 汽 车 还 需要 始终 朝向 自己 运动 的 方向 。 








96 第 3 章 振荡 


3.5 ” 极 坐 标 系 和 箔 卡 儿 坐标 系 


如 有 果 我 们 想 在 屏 雄 上 显示 一 个 图 形 ， 我 们 必须 指定 图 形 的 x 坐标 和 y 和 坐标 。 这 个 坐标 系 称 为 备 
卡 儿 坐标 系 ， 它 是 以 勒 内 : 笛 卡 儿 命名 的 ， 勒 内 : 稍 卡 儿 是 一 位 法 国 数学 家 ， 是 箭 卡 儿 空间 的 创 
始 人 。 

除了 第 卡 儿 坐 标 系 ,还 有 一 个 很 重要 的 坐标 系 ， 就 是 极 坐 标 系 。 极 坐标 系 的 任意 位 置 都 可 由 
一 个 夹 角 和 一 段 距 原点 的 距离 表示 。 问 量 有 以 下 两 种 表示 方法 。 

口 和 销 卡 儿 坐 标 系 器 量 的 x 分 量 和 y 分 量 

口 极 坐 标 系 器 量 的 大 小 (长 度 ) 和 方 回 (角度) 

Processing 的 绘图 函数 并 不 能 理解 极 坐 标 系 。 如 果 要 用 Processing 绘 制 某 个 图 形 ， 我 们 必须 用 
稍 卡 儿 坐 标 系 的 坐标 (x,y) 指 定 它 的 位 置 。 但 是 , 有 时 候 用 极 坐 标 系 设 计 模 型 会 更 方便 。 羊 运 的 是 ， 
我 们 可 以 通过 三 角 函 数 完 成 般 卡 儿 坐 标 和 极 坐标 的 相互 转化 ， 因 此 可 以 用 任意 坐标 系 设计 模型 ， 
最 后 用 笛 卡 儿 坐 标 系 绘制 图 形 。 

小 


























坐标 (7 C 
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图 3-8 硕 腊 字母 9 靖 用 于 表示 一 个 角 。 由 于 极 坐 标 一 般 表示 为 (x, 9， 这 里 我 们 也 用 来 表示 角度 


sin(0)= y/r —» y=r*sin(O) 
cos(0)= x/r — x=r*cos(0) 
举 个 例子 ， 如 果 r 等 于 75， 而 9 等 于 45 度 ( 即 x/4 弧 度 )， 我们 可 以 通过 极 坐 标 计算 x 坐标 和 y 坐 
标 ， 计 算 方 法 如 以 下 代码 所 示 。 在 Processing 中 ， 计 算 正弦 和 余弦 的 孔 数 分 别 是 sin() 和 cos()， 
这 两 个 也 数 的 参数 都 是 一 个 弧度 值 。 


float r = 75; 
float theta = PI / 4; 
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fLoat X 
float y 


在 某 些 应 用 程序 中 ,这 样 的 坐标 转换 是 非 第 有 用 的 。 比 如 ， 让 一 个 图 形 绕 着 圆 运动 ,我 们 用 
钮 卡 儿 坐标 系 很 难 实现 这 样 的 功能 。 用 极 坐 标 系 却 很 容易 实现 ,转动 角 度 束 可 以 了 。 


下 面 我 们 用 极 坐 标 系 的 xr 和 0 ( theta ) 解决 这 个 问题 。 


r * cos(theta); 将 极 坐 标 ( 记 ，6) 转 化 为 简 卡 儿 坐 标 (X，yY) 
r * sin(theta); 








_3 04 PolarToCartesian_trail 





示例 代码 3-4 ”将 极 坐标 转化 为 苦 卡 儿 坐 标 


float r = 75; 
float theta = 0; 


void setup() { 
size(200,200); 
background(255 ) ; 
Smooth () ; 


} 


void draw() { 


float x = r * cos(theta); 为 了 在 eLLipse() 有 函数 中 使 用 箭 卡 儿 坐 标 ， 
float y = r * sin(theta); 这 里 将 极 坐 标 ("， 晶 ) 转 化 为 身 卡 儿 坐 标 (X，y) 
noStroke(); 

fill(0); 


ellipse(x+width/2, y+height/2, 16, 16); 


theta += 0.01; 


练习 3.4 


请 在 示例 代码 3-4 的 基础 上 画 一 个 螺旋 的 路 径 ， 螺 旋 从 中 间 向 周围 散 开 。 提 示 : 我 们 只 需要 
分 别 修改 和 添加 一 行 代码 就 能 实现 这 个 功能 。 





9 Ex_3_04 spiral 


(((®) 


练习 3.5 


请 模拟 飞船 在 “行星 ”( Asteroids ) 游戏 中 的 飞行 效果 。 如 果 你 不 熟悉 “行星 ”游戏 ， 下 面 
有 个 简短 的 描述 : 一 艘 飞船 ( 用 三 角形 表示 ) 在 二 维 空 间 中 飞行 ， 按 下 左 方向 键 能 让 它 送 时 
针 旋 转 ， 按 下 右 方向 键 ， 则 使 它 顺 时 针 旋 转 。 按 下 zZ 键 能 让 飞船 在 当前 方向 加 速 。 


HAF, Exercise 3 05 asteroids 





3.6 ” 振 汤 振幅 和 周期 

我 们 已 经 见识 到 了 正切 函数 的 作用 (计算 向 量 的 角度 )， 以 及 正弦 和 余弦 函数 的 作用 (将 极 
坐标 转化 为 备 卡 儿 坐标 )， 你 是 否 感到 惊讶 ?然而 这 只 是 开始 ， 我 想 告 诉 你 ， 正 弦 和 余弦 函数 
能 做 的 并 不 仅 限 于 两 个 数学 公式 和 和 直角 三 角形 的 相关 运算 。 下 面 我 们 将 会 更 深入 地 人 研究 它们 的 
作用 。 

和 完 来 看 看 下 图 所 示 的 正弦 曲线 ， 曲 线 对 应 的 函数 是 y=sin(x)。 

你 会 发 现 sin() 函数 的 结果 是 一 条 介 于 -1~1 的 平滑 曲线 。 这 条 曲线 符合 振荡 的 效果 ， 振 荡 是 
两 点 之 间 的 周期 性 运动 。 襄 他 雁 弱 的 振动 、 钟 摆 的 摆动 、 弹 站 的 运动 ， 这 些 神 是 振 沪 。 

很 高 兴 我 们 能 发 现 这 样 一 个 事实 : 可 以 在 Sketch 中 用 正弦 曲线 模拟 振荡 的 运动 轨迹 。 注 意 ， 
在 “引言 ”中 ， 我 们 将 Perlin 噪 声 运 用 到 模拟 中 ， 在 这 里 可 以 按 同 样 的 方法 使 用 正弦 曲线 。 
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图 3-9 y=sin(x) 





让 我 们 从 一 个 很 基本 的 场景 开始 ， 用 Processing 模 拟 这 样 的 效果 : 让 一 个 圆 在 窗口 中 做 左右 
振荡 ， 如 下 图 所 未 。 


_3_05_simple_harmonic_mot_trail 








这 样 的 运动 称 作 简 谐 运 动 (也 就 是 “物体 按 正 弦 曲 线 周 期 性 振荡 ”), 我 们 只 需要 写 一 个 简单 
的 程序 就 能 模拟 它 ， 但 开始 醒 拟 前 ， 让 我 们 乞 玖 悉 振 沪 〈 波 ) 的 相关 术语 。 


简 谐 运动 可 以 表示 为 位 置 (在 这 里 ， 只 需要 x 坐 标 ) 和 时 间 的 函数 ， 它 有 以 下 两 个 参数 。 
口 振幅 ”离开 运动 中 心 的 最 大 距离 。 
口 周期 ”完成 一 次 往复 运动 所 花费 的 时 间 。 
从 正弦 曲线 ( 图 3-9 ) 中 可 以 看 出 ， 曲 线 的 振幅 是 1， 周 期 是 2x( TW0_PI ); 正弦 函数 的 结果 
从 来 不 会 大 于 1， 也 不 会 小 于 -1; 每 隔 2x 弧 度 (或 者 360 度 ) 波形 就 会 重复 。 


如 何 用 Processing 表 示 振 幅 和 周期 ? 振幅 可 以 人 简单 地 用 像 取 表示 ， 如 果 和 窗口 的 冤 度 是 200 像 
素 ， 我 们 可 以 让 物体 在 距离 中 心 点 左右 分 别 100 像 素 的 范围 内 运动 。 因 此 : 


fLoat ampLitude = 100; 振幅 的 单位 是 像素 
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周期 是 每 次 往复 运动 所 花费 的 时 间 ， 而 在 Processing 中 ， 时 间 又 该 怎么 表示 ? 比如 ， 有 个 振 
荡 的 周期 是 3 秒 , 我 们 可 以 用 Processing 的 miLLis() 晒 数 计算 毫秒 数 , 并 由 此 按照 现实 世界 的 时 间 
设计 振 水 模拟 算法 。 但 对 我 们 来 说 ， 现 实 世界 的 时 间 并 不 是 那么 重要 ，Processing 的 时 间 单 位 应 
该 是 帧 数 。 因 此 ， 在 Processing 中 ， 振 沪 的 周期 应 该 用 帧 数 表示 ， 比 如 30 帧 、$0 帧 ， 或 者 1000 帧 。 


float period = 120; 周期 的 单位 是 帧 (动画 的 单位 时 间 ) 








摘 清 楚 振 幅 和 周期 的 概念 后 ， 我 们 就 可 以 学 习 相 应 的 公式 了 ,这 个 公式 根据 时 间 (也 就 是 帧 
数 ) 计算 物体 的 x 坐 标 。 

float x = 振幅 * cos(2m * 帧 数 / 周期 ) 

让 我 们 详细 了 人 解 这 个 公式 的 每 个 组 成 部 分 : 公式 右边 的 第 一 项 是 振幅 ， 这 是 最 容易 理解 的 。 
我 们 知道 , 余弦 函数 的 输出 结果 范围 总 是 -1~1， 如 果 把 余弦 的 结果 乘 以 振幅 , 会 得 到 一 个 大 小 介 
于 负 振 幅 到 振幅 之 间 的 值 ， 这 正 是 我 们 想 要 的 。( 注意 : 我 们 还 可 以 用 Processing 的 map ( ) 咕 数 将 
余弦 函数 的 结果 映射 到 指定 范围 。) 

公式 cos() 函数 中 有 以 下 内 容 : 

2T * 帧 数 / 周期 

这 里 又 发 生 了 什么 ”我 们 知道 余弦 洱 数 的 周期 是 2x 弧 度 一 一 比如 , 它 从 0 开始 振荡 , 在 2x、 4 
和 6x 等 位 置 义 开始 重复 运动 。 同 理 ， 如 果 物 体 简 谐 运 动 的 周期 等 于 120 帧 ， 我 们 就 希望 它 在 120 
帧 、240 帧 和 360 帧 等 位 置 重复 运动 。 在 这 里 帧 数 (frameCount ) 是 唯一 的 变量 ,， 它 从 0 开始 不 断 
器 上 增长 。 让 我 们 来 看 看 将 这 些 值 代 和 人 公式 后 得 到 的 结果 。 





























帧 数 帧 数 / 周期 2T* 帧 数 / 周期 
0 0 0 

60 0.5 n 

120 1 25 

240 2* 27 (或 4*# 刀 ) 
等 等 


将 当前 帧 数 除 以 周期 , 我 们 可 以 知道 已 经 完成 了 多 少 次 循环 。 比 如 ， 是否 进行 到 第 一 次 循环 
的 一 半 ， 是 否 已 经 完成 了 两 次 循环 。 由 于 2x 是 余弦 (或 正弦 ) 函数 的 周期 ， 因 此 我 们 只 需 将 帧 数 
乘 以 2x， 就 能 得 到 最 终 想 要 的 结果 。 

下 面 的 示例 代码 实现 了 以 上 所 有 逻辑 ， 它 模拟 圆 的 简 谐 运动 ， 其 中 振幅 为 100 像 素 ， 周 期 是 
120 帧 。 











示例 代码 3-5 ”人 简 谐 运动 


void setup() { 
size(200,200); 
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void draw() { 
background(255 ) ; 


float period = 120; 
float amplitude = 100; 
float x = amplitude * cos(TWO PI * frameCount / period); 
根据 简 谐 运动 的 公式 计算 水 平 位 置 
stroke(0); 
fill(175); 
translate(width/2,height/2); 
line(0,0,x,0); 
ellipse(x,0,20,20); 
} 


有 必要 说 说 简 谐 运动 的 为 一 个 术语 一 一 频率 。 频 率 的 定义 : 单位 时 间 的 周期 数 。 它 每 于 1 除 
以 周期 ， 如 末 周 期 是 120 巾 ,那么 1 帧 内 完成 的 周期 数 就 是 M120， 所 以 频 座 就 等 于 1/1120。 在 上 面 
的 例子 中 ， 我 们 选择 用 周期 描述 振荡 的 速率 ， 因 此 不 需要 涉及 频率 。 








练习 3.6 
窗口 的 顶部 悬挂 着 一 根 弹 簧 ,弹簧 的 底部 悬挂 着 一 个 钟 摆 , 用 正弦 函数 模拟 钟 摆 的 上 下 摆动 。 


试 着 用 Processing 的 map ( ) 函数 计算 钟 摆 的 纵 坐 标 。 在 本 章 的 后 面 ， 我 们 会 学 习 如 何 利 用 胡 
克 定 律 模拟 弹簧 的 弹力 。 





3.7” 审 有 角速度 的 振 沪 


为 了 模拟 现实 世界 的 各 种 运动 ， 我 们 必须 要 筝 握 振荡 、 振 幅 和 频率 /周期 这 些 概念 。 然 而 ， 
对 于 上 面 的 例子 ， 我 们 还 可 以 用 更 简单 的 方法 实现 。 振 荡 的 公式 : 

float x = 振幅 * CoSs(2T * 帧 数 / 周期 ) 
还 可 以 写成 : 

float x = 振幅 * COS ( 某 个 缓慢 递增 的 变量 ) 

在 上 述 第 一 个 公式 中 , 我 们 有 一 个 精确 的 振荡 周期 , 并 能 根据 当前 的 动画 帧 数 计算 物体 的 位 
置 。 但 从 第 二 个 公式 看 ， 我 们 还 能 人 简化 这 个 例子 ， 其 中 需要 用 到 3.2 太 引入 的 角速度 ( 和 角 加 速 
度 ) 的 概念 。 假 设 : 


float angle = 0; 
float aVelocity = 0.05; 


在 draw( ) 也 数 中 ， 我 们 可 以 加 入 : 
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angle += aVelocity; 
float x = amplitude * cos(angle); 


这 里 的 角度 (angtLe ) 就 是 前 面 提 到 的 “ 某 个 缓慢 递增 的 变量 ”。 





示例 代码 3-6 ” 简 谐 运动 2 
float angle = 0; 


float aVelocity = 0.05; 


void setup() { 
size(200,200); 
} 


void draw() { 
background(255 ) ; 


float ampLitude = 100; 
float x = amplitude * cos(angle); 


angle += aVelocity; 用 角速度 的 概念 增加 角度 变量 
ellipseMode (CENTER); 

stroke(0); 

fill(175); 


translate(width/2,height/2); 
line(0,0,x,0); 
ellipse(x,0,20,20); 
} 
尽管 上 例 没 有 百 接 引 用 周期 变量 , 但 这 并 不 代表 我 们 可 以 完全 脱离 周期 这 个 概念 。 毕 苋 ， 角 
速度 和 周期 存在 着 这 样 的 关系 : 角速度 越 大 ， 物 体 振荡 的 速度 越 快 (振荡 周期 也 越 短 )。 实际 上 ， 
周期 就 等 于 物体 以 当前 角速度 转 过 2x 弧 度 需 要 花费 的 时 间 ， 也 就 是 : 
周期 = 2T / 角速度 


让 我 们 进一步 扩展 这 个 例子 : 创建 一 个 0sciLLator (振荡 者 ) 类 , 让 振荡 同时 发 生 在 x 轴 ( 如 
上 所 示 ) 和 y 轴 。 我 们 和 需要 在 类 中 加 入 两 个 角度 变量 、 两 个 角速度 变量 和 两 个 振幅 (分 别针 对 x 轴 
和 y 轴 )。 正 好 ， 我 们 可 以 用 向量 封 汉 这 些 变 量 | 
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示例 代码 3-7 0scillator 对 象 
class Oscillator { 
PVector angle; 用 一 个 PVector 对 象 表 示 两 个 角度 


PVector velocity; 
PVector amplitude; 


Oscillator() { 
angle = new PVector(); 
velocity = new PVector(random(-0.05, 0.05), random(-0.05, 0.05)); 


amplitude = new PVector(random(width/2), random(height/2)); 





随机 的 速度 和 振幅 
} 
void oscillate() { 
angle.add(velocity); 
} 
void display() { 
float x = sin(angle.x)*amplitude.x; X 轴 上 的 振荡 
float y = sin(angle.y)*amplitude.y; yY 轴 上 的 振荡 
pushMatrix(); 
translate(width/2, height/2); 
stroke(0); 
fill(175); 
line(0, 0, x, y); 绘制 0scillator 对 象 : 相互 连接 的 线段 和 辆 
ellipse(x, y, 16, 16); 
popMat rix(); 


练习 3.7 


之 前 我 们 随意 地 确定 了 0scillator 对 象 的 角速度 和 振幅 , 现在 我 希望 你 用 某 种 规则 初始 化 
它们 以 达到 特定 的 视觉 效果 。 你 能 否 让 振荡 对 象 的 运动 轨迹 看 起 来 像 昆 下 的 腿 ? 


将 角 加 速度 加 入 0scillator 对 象 。 
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3.8 波 





如 末 你 想 说 :“ 哇 ， 上 面 的 程序 确实 很 酯 ， 可 是 我 想 要 在 屏 硕 上面 个 波形 。” 下面 ,我 将 满足 
你 这 个 愿望 , 而 且 我 们 已 经 搞定 了 其 中 的 大 部 分 工作 。 当 我 们 用 正弦 函数 让 一 个 加 在 屏 硕 上 做 上 
下 振荡 运动 时 ， 实 际 上 是 让 一 个 扣 沿 看 x 轴 上 的 波形 轨迹 运动 。 现 在 ,我 们 只 知 要 加 入 一 个 for 
人 循环， 束 能 让 一 串 圆 互相 间 隐 地 散布 在 x 铀 上 做 振荡 运动 ， 形 成 一 个 波形 。 
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这 样 的 波形 可 以 用 来 模拟 生物 体 的 外 形 和 质地 和 对 软 的 表面 ( 比如 水 面 )。 


我 们 还 要 继续 讨论 振幅 (波形 的 高 度 ) 和 周期 。 由 于 本 例 要 绘制 一 个 完整 地 波形 ， 可 以 用 小 
形 的 客 度 ( 像 系 ) 表示 它 的 周期 ， 而 不 是 用 时 间 表 示 周 期 。 和 简 谐 运动 一 样 ， 我 们 可 以 根据 周期 
模拟 波形 ， 也 可 以 用 角速度 模型 模拟 波形 。 


先 从 简单 的 方法 开始 ， 也 就 是 角速度 模型 。 在 这 里 ， 我 们 需要 : 一 个 角度 




















、 角 速度 和 振幅 。 
float angle = 0; 
float angleVel = 0.2; 


float amplitude = 100; 





下 面 我 们 要 遍历 x 轴 上 的 值 ， 并 在 这 些 位 置 上 夯 波 形 对 应 的 点 。 假 设 衣 历 间 隔 是 24 个 像素 ， 
在 遍历 的 循环 中 ， 我 们 要 做 3 件 事 : 

(1) 根据 振幅 和 角度 的 正弦 值 计算 ?坐标 ; 

(2) 在 (x,y) 位 置 画 一 个 圆 ; 

(3) 根据 角速度 递增 角度 。 





for (int x = 0; x <= width; x += 24) { 
float y = amplitude*sin(angle); 1) 根据 振幅 和 角度 的 正弦 值 计 算 y 坐 标 
ellipse(x,y+height/2,48,48); 2) 在 (X,Y) 位 置 画 一 个 圆 


angle += angleVel,; 3) 根据 角速度 递增 角度 
} 


让 我 们 看 看 不 同 角 速度 对 应 的 运行 效果 图 : 


3.8 小 105 


MM 309 wavea 人 MM 309 waveb 人 MMT™ 3 09 wavec 





angleVel=0.05 angleVel=0.2 angleVel=0.4 

请 注意 ,尽管 这 里 没有 用 到 波形 的 周期 ,我 们 还 是 可 以 看 到 这 样 的 规律 : 角速度 越 大 ,波形 
的 周期 越 短 。 还 有 一 个 效果 : 周期 越 敌 ,波形 的 效果 也 就 越 不 明显 ， 因 为 两 点 之 间 的 距离 也 随 之 
增 大 。 有 一 种 方法 能 绘制 连续 的 波形 曲线 , 就 是 用 beginShape() 和 endShape() 将 这 些 点 连 成 线 。 
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示例 代码 3-8 ”用 连续 的 线条 绘制 静止 的 波形 


float angle = 0; 
float angleVel = 0.2; 
float amplitude = 100; 


size(400,200); 
background (255 ) ; 
smooth ( ) ; 


stroke(0); 
strokeWeight (2); 
noFill(); 


beginShape(); 


for (int x = 0; x <= width; x += 5) { 
float y = map(sin(angle),-1,1,0,height); 这 里 使 用 了 map () 函 数 ， 替 代 之 前 的 实现 方式 


vertex (x,y); 有 了 beginShape() 函 数 和 endShape () 函数 ， 你 
就 可 以 用 VerteXx() 函 数 设置 形状 的 各 个 顶点 


angLe +=angLeVvelL ; 


} 

endShape(); 

你 可 能 已 经 注意 到 ， 上 面 的 例子 是 静态 的 。 波 形 永 远 不 会 改变 ， 水 远 不 会 波动 。 为 了 让 它 产 
生 波 动 ， 接 下 来 的 工作 会 有 些 环 手 ， 你 的 第 一 直觉 可 能 是 :“ 没 问题 ， 只 需要 加 一 个 全 局 变量 0， 
每 次 调用 draw( ) 函数 绘制 圆 时 ， 让 这 个 全 局 变量 递增 即 可 。 

尽管 这 是 一 个 很 好 的 想法 , 但 它 并 不 管用 。 从 它 的 运行 效果 中 可 以 看 出 , 波形 最 右边 的 点 和 
最 左边 的 点 不 互相 匹配 ， 每 一 轮 draw( ) 函数 绘制 的 波形 并 不 是 接着 上 一 轮 开 始 的 。 

我 们 还 可 以 再 引入 一 个 角度 变量 , 用 它 表 示 整 个 波形 的 起 始 角度 , 这 个 角度 ( 用 startAngle 
表示 ) 也 根据 角速度 递增 。 


























示例 代码 3-9 波形 


float startAngle 


= 0; 
float angleVel = 0.1; 


void setup() { 
size(400,200); 
} 


void draw() { 
background (255); 


float angle = startAngle; 为 了 移动 波形 ， 每 一 帧 的 9 值 都 不 相同 。 
startAngle += 0.02 


for (int x = 0; x <= width; x += 24) { 
float y = map(sin(angle),-1,1,0,height); 
stroke(0); 
fill(0,50); 
ellipse(x,y,48,48); 
angle += angleVel; 
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练习 3.9 


在 上 例 中 ， 试 着 用 Perlin 嗓 声 函数 代 痊 正弦 和 余弦 函数 。 


练习 3.10 


将 上 全 封装 成 一 个 波形 类 , 在 Sketch 中 用 这 个 类 同时 创建 两 个 波形 (振幅 和 周期 都 不 相同 )， 
如 下 图 所 示 。 把 圆 和 线条 替换 成 其 他 形状 ， 尝 试 着 用 创造 性 的 方式 展示 波形 。 


BAM Ex_3_10_ OOPWave 


练习 3.11 


我 们 可 以 将 不 同 的 波 融 合 在 一 起 ， 从 而 创建 更 复杂 的 波形 。 在 Sketch 中 实现 这 样 的 波形 ， 
效果 如 下 图 所 示 。 


Ex 3 11 AdditiveWave 
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3.9 ”三角 限 数 和 力 : 钟 摆 


你 想念 牛顿 运动 定律 吗 ? 我 想 你 肯定 会 想念 它 。 接 下 来 ,我 们 将 重 拾 牛顿 运动 定律 。 学 习 三 
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角形 、 正 切 和 波 是 一 件 有 趣 的 事 , 但 本 书 的 核心 是 用 代码 模拟 运动 的 物理 学 ,让 我 们 来 看 看 三 角 
印 数 在 这 方面 能 派 上 什么 用 场 。 

钟 摆 模 型 就 是 摆 锤 悬挂 在 枢 轴 点 上 的 运动 。 很 显然 , 现实 世界 的 钟 摆 是 建立 在 三 维 空间 上 的 ， 
但 我 们 想 简 化 模型 ， 因 此 本 童 的 钟 摆 模 型 建立 在 二 维 空间 上 一 一 也 就 是 Processing 的 动画 窗口 中 
( 见 图 3-10 )。 





所 一 枢 轴 所 


所 一 一 控 辟 





图 3-10 


在 第 2 章 的 讲解 中 ， 我 们 知道 力 ( 比如 图 3-11 中 的 重力 ) 如 何 让 一 个 物体 产生 加 速 ， 也 就 是 
F = M * A 或 者 A = F / M。 然 而 本 例 和 图 3-11 有 所 不 同 ， 钟 摆 上 的 物体 并 不 会 落 到 地 面 ， 因 为 
绳子 的 另 一 头 固定 在 文 点 上 。 因 此 ， 为 了 计算 物体 的 角 加 速度 ,我 们 不 仅 要 考虑 重力 的 作用 ,还 
要 考虑 钟 摆 绳子 在 某 个 角度 上 钟 摆 静止 时 的 角度 为 0 ) 的 拉力 。 





O= 相对 于 静止 状态 的 角度 
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在 上 面 的 模型 中 ,由 于 钟 摆 的 绳子 长 度 是 固定 的 ， 唯 一 变化 的 部 分 就 是 绳子 的 角度 。 我 们 可 
以 用 角速度 和 和 角 加 速度 模拟 钟 摆 的 运动 ， 计 算 角 速度 的 过 程 会 涉及 牛顿 第 二 定律 和 三 角 消 数 。 


让 我 们 在 钟 控 的 示意 图 上 加 上 一 个 直角 三 角形 。 








六 . 
二 sin (0) = 已 /已 


图 3-12 








我 们 看 到 摆 锤 所 受 的 力 ( FF, ) 和 钟 摆 摆动 的 方向 相同 ， 这 个 力 和 绳子 互相 垂下 。 设 想 ， 如 末 
没有 绳子 ， 摆 锤 会 垂下 下 沙 ， 强 子 的 拉力 使 物体 朝 着 钟 摆 静 止 的 状态 加 速 。 重 力 〈 Fs ) 的 方 回 坚 
直 癌 下, 我 们 可 以 在 和 下 两 个 向 量 上 创建 一 个 直角 三 角形 , 三 角形 的 笠 边 就 是 重力 癌 量 。 因 此 ， 
重力 向 量 被 分 解 成 两 个 分 量 ， 一 个 分 量 代表 钟 摆 上 物体 受到 的 力 。 正 弦 等 于 对 边 除 以 斜 边 : 





sin(O) = 5, /F, 
因此 : 
F, = 严 *sin(b) 
我 们 唯一 的 疑问 就 是 : 如 何 计 算 钟 摆 的 角 加 速度 ? 只 要 有 了 有 角 加 速度 , 我 们 就 可 以 把 运动 的 
一 般 规律 运用 到 钟 摆 上 ， 最 后 得 到 下 一 时 刻 钟 摆 所 在 的 角度 。 





角速度 = 角速度 + 角 加 速度 
角度 = 角度 + 角速度 


牛顿 第 二 运动 定律 告诉 我 们 力 和 加 速度 的 关系 ， 也 就 是 F = M * A, 或 者 A = F / M。 因 此 ， 
如 果 钟 摆 上 物体 受到 的 力 等 于 重力 乘 以 9 的 正弦 ， 就 可 以 得 到 : 


钟 摆 的 角 加 速度 = 重力 加 速度 * sin(9) 





我 需要 提醒 你 : 我 们 是 Processing 程 序 员 ， 不 是 物理 学 家 。 地 球 的 重力 加 速度 是 9.8 nys*, 但 
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作为 Processing 程 序 员 ， 这 个 值 与 我 们 无 关 ， 我 们 可 以 用 任意 当量 ( 称 为 重力 ) 代 蔡 它 ， 上 只 要 这 
个 当量 市 来 的 加 速度 能 够 产生 合理 的 动画 效 末 。 


角 加 速度 = 重力 * sin(O) 





邻 人 惊讶 的 是 ,最 后 的 公式 变 得 如 此 简单 。 你 可 能 会 疑惑 ， 为 什么 我 们 要 做 这 些 推导 ? 我 想 
说 的 是 ， 整个 学 习 过 程 很 重要 , 我 可 以 下 接 告 诉 你 “ 钟 摆 的 角 加 速度 就 等 于 某 个 常量 弱 以 角度 的 
正弦 值 ”" ,但 本 书 的 目的 并 不 是 让 你 单纯 学 习 钟 摆 的 运动 或 者 重力 的 作用 ， 而 是 学会 创造 性 地 思 
考 如何 用 计算 机 图 形 系统 模拟 物体 的 运动 。 钟 摆 只 是 一 个 学 习 用 例 ， 如果 你 搞 清楚 了 模拟 钟 摆 运 
动 的 方法 ， 可 以 将 其 运用 到 其 他 任何 实例 上 。 

当然 ， 我们 还 没有 完成 整个 程序 。 我 们 可 能 会 沉溺 于 这 个 简单 而 优雅 的 公式 , 但 别 记 了， 最 
后 还 要 将 它 实现 成 代码 。 同 时 ,这 也 是 实践 面向 对 象 编程 技术 的 好 机 会 。 下 面 ， 我 们 将 实现 一 个 
钟 摆 类 。 回 顾 在 推导 过 程 中 碰 到 的 各 种 属性 ， 钟 摆 类 需要 以 下 几 个 变量 : 

口 摆 臂 长 度 

口 角度 

口 角速度 

口 角 加 速度 


class Pendulum { 








float r; 摆 尼 长 度 
fLoat angle; 摆 辟 角度 
float aVelocity; 角速度 

float aAcceleration; 角 加 速度 


我 们 还 需要 一 个 update() 函数 ， 这 个 函数 根据 上 面 的 公式 更 新 钟 摆 的 角度 …… 


vold update() { 


float gravity =0.4; 任意 常数 
aAcceleration = -1 * gravity * sin(angle); 根据 公式 计算 加 速度 
aVelocity += aAcceleration; 增加 速度 
angle += aVelocity; 增加 角度 


} 
除了 update() 消 数 ， 我 们 还 守 要 一 个 display() 函 数 用 于 绘制 钟 皖 。 这 会 引入 为 一 个 问题 : 
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在 什么 位 置 绘制 钟 摆 ? 已 知 当前 的 角度 和 绳子 的 长 度 ， 如何 计 算 枢 轴 点 ( 我们 称 为 原点 ) 和 钟 摆 
所 在 位 置 的 x 坐 标 和 ?坐标 〈 华 卡 儿 坐标 系 ) ? 答案 还 是 三 角 函 数 。 


原点 Sin (0) = 
CoS (0) = x 





r= 押 辟 长 度 











图 3-13 





原点 是 我 们 随意 编造 的 一 个 丰 ， 跟 绳子 的 长 度 一 样 ， 它 可 以 是 任意 值 。 假 设 : 


PVector origin = new PVector(100,10); 
float r = 125; 


变量 angle 代 表 当 前 的 角度 ， 因 此 相对 于 原点 ， 钟 控 所 在 的 位 置 用 极 坐 标 表示 就 是 : 
(r, angle)。 我 们 应 该 将 它 转 化 为 备 卡 儿 坐 标 。 前 面 已 经 学 习 如 何 将 极 坐 标 转化 为 备 卡 儿 难 标 : 

PVector location = new PVector(r*sin(angle),r*cos(angle)); 

由 于 钟 控 的 极 坐 标 是 相对 于 原点 而 言 的 ， 我们 需要 将 上 面 的 结果 加 上 原点 以 得 到 真实 的 
坐标 : 


location.add(origin); 


剩 下 的 就 上 只 有 绘制 线条 和 圆 的 代码 了 《在 这 里 ， 你 应 该 用 创新 的 方法 )。 
stroke(0) ; 
fiLL(175 ) ; 


line(origin.x,origin.y,location.x, location.y); 
ellipse(location.x, location.y,16,16); 














在 将 所 有 东西 整合 在 一 起 之 前 , 还 有 最 后 一 个 小 细 市 我 坪 了 提 及 。 思考 以 下 问题 。 钟 摆 控 辟 的 
材质 是 什么 ? 一 根 金属 棒 ? 一 根 绳子 ? 橡皮 筋 ? 它 是 如 何 连接 到 枢 轴 点 上 的 ? 它 有 多 长 ? 它 目 身 
的 质量 是 多 少 ” 当前 是 否 有 风力 的 作用 ?我们 还 可 以 继续 问 更 多 的 问题 ,这 些 问题 都 会 影 啊 模 拟 过 
程 。 但 我 们 的 模拟 世界 是 假想 出 来 的 , 在 这 个 假想 的 世界 里 ， 钟 摆 的 摆 臂 是 一 根 理想 化 的 杆子 , 它 
从 来 不 会 林 曲 , 它 的 质量 集中 在 一 个 无 限 小 的 点 上 。 尺 管 不 需要 考虑 上 面 的 所 有 问题 , 但 我 们 还 是 
需要 添加 更 多 变量 用 于 计算 角 加 速度 。 为 了 让 问题 尽 可 能 简单 ， 在 钟 摆 加 速度 公式 的 推 吐 过程 中 ， 
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我 们 假定 钟 摆 摆 臂 的 长 度 等 于 1。 实 际 上 ， 钟 摆 摆 臂 的 长 度 对 加 速度 影响 很 大 : 摆 臂 越 长 ， 加 速度 
越 小 。 为 了 更 精确 地 模拟 钟 捆 运动, 我 们 将 加 速度 除 以 摆 辟 长 度 (假设 以 x 表示 ) 如 采 你 想 知 道 更 
详细 的 解释 ， 请 访问 这 个 网 址 : http:/calculuslab.deltacollege.eduwODE/7-A-2/7-A-2-h.html。 


aAcceleration = (-1l * G * sin(angle)) /I; 


最 后 ,现实 世界 的 钟 摆 还 受 摩 擦 力 ( 枢 轴 点 位 置 ) 和 空气 阻力 的 作用 。 在 我 们 的 例子 中 ， 钟 
摆 将 会 永远 摆动 , 为 了 让 它 更 接近 现实 , 我 们 可 以 用 一 种 “衰减 ”的 手段 。 为 什么 称 之 为 “手段 ”， 
因为 这 并 不 是 在 精 硝 模拟 阻力 (就 像 第 2 草 里 做 的 那样 )， 而 是 在 每 一 轮 中 减 小 角速度 以 达到 相同 
的 效 采 。 下 面 的 代码 以 每 帧 1% 的 幅度 减 小 速度 ( 将 当前 速度 习 以 99% ): 


aVelocity *= 0.99; 


将 所 有 东西 都 放 在 一 起 ， 我们 有 了 下 面 的 代码 ( 钟 控 的 初始 角度 是 45 度 )。 











_3_10_ PendulumExampleSimplified 





示例 代码 3-10 ”摆动 的 钟 摆 
Pendulum p; 


void setup() { 
size(200,200); 


p = new PenduLum(new PVector(width/2,10),125); 我 们 用 一 个 原点 位 置 和 摆 捐 长 度 初 始 化 钟 摆 对 象 


} 

void draw() { 
background (255); 
p.90(); 

} 

class Pendulum { 
PVector Location; // 摆 狂 位 置 这 些 变 量 用 于 控制 钟 摆 的 属性 
PVector origin; // 枢 轴 点 位 置 
float r; // 摆 辟 长 度 
float angle; // 摆 辟 角度 
float aVelocity; // 角速度 
float aAcceleration; // 角 加 速度 
float damping; // 减 震 幅度 


Pendulum(PVector origin , float r ) { 
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origin = origin .get(); 
Location = new PVector(); 
FP 

angle = PI/4; 


aVelocity = 0.0; 
aAcceleration = 0.0; 





damping = 0.995; 任意 的 减 震 系数 ， 使 钟 摆 减 慢 摆 动 速度 
} 
void go() { 
update(); 
display(); 
} 
void update() { 
float gravity = 0.4; 
aAcceleration = (-1] * gravity / r) * sin(angle); 角 加 速度 公式 
aVelocity += aAcceleration; 标准 角 运动 算 法 


angle += aVelocity; 


aVelocity *= damping; 加 入 减 震 
} 
void display() { 
location.set(r*sin(angle),r*cos(angle),0); 坐标 系 转换 告诉 我 们 摆 狂 的 位 置 
Location.add(origin) ; 
stroke(0); 
line(origin.x,origin.y,location.x,location.y); 摆 臂 


fill(175); 
ellipse(location.x,location.y,16,16); 摆 狂 


} 
( 注意; 对 于 本 例 ， 本 书 网 站 的 示例 代码 中 还 有 一 些 额 外 的 代码 ， 这 些 代 码 能 让 用 户 用 鼠标 
控制 钟 摆 的 摆动 。 ) 


练习 3.12 


试 着 模拟 将 一 系列 钟 摆 串 联 在 一 起 ， 一 个 钟 摆 的 位 置 是 另 一 个 钟 摆 的 枢 轴 点 。 注 意 ， 这 样 模 


拟 的 效果 可 能 和 实际 的 物理 效果 不 符 。 双 摆 的 模拟 涉及 复杂 的 数学 公式 ， 你 可 以 在 这 里 看 到 
更 多 资料 : http://scienceworld.wolfram.com/physics/DoublePendulum.html。 





练习 3.13 


用 三 角子 数 计算 下 图 中 的 正 向 力 大 小 ( 力 的 方向 垂直 于 斜坡 )。 注 意 ， 如 图 所 示 ， 正 向 力也 
等 于 重力 的 某 个 分 量 。 


练习 3.14 


斜坡 的 压力 。 





3.10 ”弹力 


在 3.6 节 ， 我 们 研究 了 如 何 对 简 谐 运动 建 模 ， 当 时 的 做 法 是 将 正弦 波 映射 到 目标 像素 范围 内 。 
在 练习 3.6 中 , 你 需要 用 同样 的 方法 模拟 悬挂 在 弹 先 上 的 物体 的 上 下 摆动 。 用 sin() 困 数 模拟 这 样 
的 运动 ， 只 需要 几 行 代码 就 可 以 实现 想 要 的 效果 , 但 这 是 一 种 快速 但 粗糙 的 做 法 ,因为 如 果 钟 摆 
受 环境 中 其 他 力 的 作用 〈 比 如 风力 和 重力 )， 这 个 模型 就 不 再 适用 了 。 为 了 实现 这 类 模拟 ， 我 们 
需要 用 问 量 模拟 弹力 的 作用 。 

弹 千 的 弹力 可 以 根据 胡 克 定律 计算 得 到 ,， 胡 克 定 律 以 英国 物理 学 家 罗伯特 ' 胡 克 命名 ,他 在 
1660 年 发 明了 这 个 公式 。 胡 克 最 初 是 用 拉丁 文 描述 这 个 公式 的 一 一 “Uttensio, sic vis”, 这 人 句 话 的 
意思 是 “ 力 如 伸 长 (那样 变化 ”。 我 们 可 以 这 么 理解 它 : 























弹 鞭 的 弹力 与 弹 划 的 伸 长 量 成 正比 。 
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枢 轴 点 





弹 得 





图 。3-14 


也 就 是 说 ， 弹 攻 被 拉 伸 的 越 长 ， 它 的 弹力 (Fyywing ) 也 越 大 ; 被 拉 伸 的 越 短 ， 弹 力 越 小 。 从 
数学 上 ， 你 可 以 这 么 表示 该 定律 : 


F 


spring 一 


口 Kk 是 一 个 第 量 ， 它 会 影响 弹力 的 大 小 。 它 的 弹性 如 何 ?” 是 紧 绷 的 还 是 松 塔 的 ? 
口 x 代 表 弹 千 的 形变 ， 也 就 是 当前 长 度 和 静止 长 度 的 差 。 毅 止 长 度 被 定义 为 弹 货 在 平衡 状态 
下 的 长 度 。 


—k*x 


静止 长 度 


当前 长 度 





图 3-15 x= 当前 长 度 - 静 止 长 度 
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请 记 住 ， 弹力 是 一 个 向 量 , 除了 大 小 , 我们 还 应 该 计算 它 的 方向 。 再 来 看 看 一 个 有 关 弹 得 的 
示意 图 ， 图 中 标示 了 可 能 出 现在 Processing Sketch 中 的 有 关 变 量 。 











枢 轴 扣 





静止 长 度 


图 3-16 


下 面 ， 我 们 要 创建 图 3-16 所 示 的 3 个 变量 。 


PVector anchor ; 
PVector location; 
float restLength ; 


我 们 先 用 明 克 定律 计算 弹力 的 大 小 。 我 们 需要 知道 kflx 的 值 : Kf 很 倍 单 ， 它 只 是 一 个 第 量 ， 
我 们 可 以 随意 选择 一 个 数 。 


float k = 0.1; 














x 可 能 会 更 复 淋 ， 我们 需要 知道 “当前 长 度 和 六 止 长 度 的 差 。 可 以 用 restLength 表 示 静 止 
长 度 , 而 当前 长 度 等 于 多 少 ? 它 的 大 小 等 于 枢 轴 点 和 摆 锤 之 间 的 距离 。 如 何 计算 这 个 距离 ”距离 
等 于 从 枢 轴 点 到 摆 锤 的 向 量 的 长 度 。( 在 示例 代码 2-9 中 计算 引力 时 , 我 们 用 相同 的 方法 计算 过 两 
点 之 间 的 距离 。) 





PVector dir = PVector.sub(bob,anchor); 由 枢 轴 点 指向 摆 狂 的 向 量 ， 它 告诉 我 们 弹簧 的 当前 
长 度 

float currentLength = dir.mag(); 

float x = restLength - currentLength; 


搞 清 楚 如 何 计算 弹力 的 大 小 (1*k*x) 之 后 ， 接 下 来 就 要 开始 计算 它 的 方向 ， 我 们 需要 
得 到 弹力 方向 的 单位 问 量 。 闻 运 的 是 ， 前 面 已 经 得 到 了 这 个 向 量 , 我 们 刚刚 还 在 思考 这 样 的 问 
题 :“ 如 何 计算 概 轴 点 到 摆 锤 的 距离 ”从 概 轴 点 到 摆 锤 的 回 量 大 小 是 多 少 ? ”这 个 回 量 就 是 弹 
力 的 方 回 ! 
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静止 长 度 








图 3-17 


在 图 3-17 中 ， 我 们 可 以 看 到 : 如 果 弹 自 被 拉 伸 ， 当 前 长 度 大 于 静止 长 度 ， 它 就 会 产生 一 个 指 
回 枢 轴 点 的 拉力 ; 如 果 弹 咎 被 压缩 ， 当 前 长 度 小 于 静止 长 度 ， 它 就 会 产生 一 个 相反 的 推力 。 在 公 
式 中 ,我们 用 -1 表示 相反 的 方向 ， 因 此 只 需 将 前 面 计算 距离 的 过 程 中 得 到 的 癌 量 单位 化 。 在 下 面 
的 代码 中 ， 我 们 用 force 变 量 表示 弹力 向 量 。 


float k = 0.1， 按照 胡 克 定律 计算 得 到 的 弹力 


PVector force = PVector.sub(bob,anchor); 
float currentLength = dir.mag(); 
float x = restLength - currentLength; 





force,normaLize()， 弹力 的 方向 (单位 向 量 ) 


force.mult(-1 * k * x); 把 方向 和 大 小 放 在 一 起 | 








得 到 计算 弹力 回 量 的 算法 后 , 我 们 还 有 一 个 问题 : 要 用 什么 样 的 面 品 对 象 编程 结构 实现 这 个 
模型 ? 对 于 这 个 问题 ,我 想 重申 ， 它 并 没有 “正确 ”的 答案 。 有 很 多 实现 方式 可 供 利 用 ,采用 何 
种 方式 取决 于 最 终 目 的 和 我 们 的 编程 习惯 。 前 面 我 们 已 经 研究 过 Mover 类 的 结构 ， 在 这 里 我 想 用 
类 似 的 框架 把 之 前 的 Mover 类 当 作 弹 移 上 的 钟 摆 。 为 了 能 在 屏 禹 上 运动 ， 钟 摆 也 有 对 应 的 位 置 、 
速度 和 加 速度 向 量 。 钟 探 受 重力 的 作用 ， 因 此 我 们 也 知 要 调用 applyForce() 也 数 将 重力 作用 在 
钟 舞 上 。 除 此 之 外 ， 还 有 最 后 一 步 一 一 将 弹力 作用 在 摆 锤 上 。 
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Bob bob ; 


void setup() { 
bob = new Bob(); 
} 


void draw() { 
PVector gravity = new PVector(0,1); 和 第 2 章 的 做 法 相同 : 编造 一 个 重力 
bob.applyForce(gravity); 


PVector springForce = ?3?? 我 们 还 需要 计算 和 应 用 一 个 弹簧 弹力 | 
bob.applyForce(spring); 


bob ,update( ) ; 标准 的 Update () 函数 和 dispLay( ) 有 函数 
bob.display(); 


弹 筑 类 . 
- 枢 轴 位 置 






-静止 长 度 


摆 锤 类 : 
-位 置 
-速度 
-加 速度 


图 3-18 


有 一 种 实现 方式 是 : 在 主 draw() 循 环 上 实现 所 有 弹力 相关 的 代码 。 但 我 们 需要 有 超前 思维 : 
如 果 同 时 有 多 个 钟 摆 和 多 个 弹 获 互相 连接 ， 该 怎么 办 ? 更 好 的 实现 方法 应 该 是 创建 一 个 弹 敬 类 
( spring )。 如 图 3-18 所 示 ， 钟 摆 类 ( bob ) 主要 用 于 管理 钟 摆 的 运动 ; 弹 千 类 用 于 管理 弹 筑 的 枢 
轴 点 位 置 、 静 止 长 度 和 计算 作用 在 钟 摆 上 的 弹力 。 


按照 上 面 的 程序 结构 ， 我 们 就 有 了 一 个 深 达 的 主 程序 : 


Bob bob; 
Spring spring; 加 入 一 个 Spring 对 象 
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void setup() { 
bob = new Bob(); 
spring = new Spring(); 


} 


void draw() { 
PVector gravity = new PVector(0,1); 
bob.applyForce(gravity); 


spring.connect (bob); 这 个 新 加 入 的 函数 负责 计算 弹 禾 弹力 


bob .update () ; 

bob .dispLay() ; 

spring.display(); 
} 





你 可 能 会 注意 到 ， 本 例 和 示例 代码 2-6 中 Attractor 类 的 实现 方式 类 似 。 在 Attractor 类 中 ， 
我 们 用 到 了 这 样 的 代码 : 


PVector force = attractor.attract (mover); 
mover.applyForce(force); 


如 采用 类 似 的 方法 模拟 本 例 的 弹力 ， 代 码 看 起 来 会 是 这 样 的 : 


PVector force = spring.connect(bob); 
bob.applyForce(force); 


然而 ， 在 这 个 例子 中 ,我们 却 是 这 么 做 的 : 


spring.connect (bob); 





为 什么 我 们 不 在 钟 摆 对 象 上 调用 appLyForce( ) 函数 ? 答案 是 : 我 们 当然 需要 在 钟 摆 对象 上 
调用 appLyForce() 困 数 ， 但 不 是 在 draw( ) 郴 数 中 直接 调用 它 。 我 们 打算 使 用 另 一 种 合理 的 实现 
方式 : 在 connect() 郴 数 内 部 对 钟 摆 对 象 调用 appLyForce() 郴 数 ， 这 种 做 法 更 合理 。 


void connect(Bob b) { 
PVector force = Some fancy calculations 





b.applyForce(force); Connect ( ) 函数 负责 调用 appLyForce() 函数 ， 


此 不 需要 再 返回 一 个 向 量 
} 








为 什么 弹 繁 类 的 实现 方式 和 Attractor 类 的 实现 方式 不 同 ?” 因 为 刚 开 始 学 习 力 的 建 模 时 , 我 
们 喜欢 在 主 draw( ) 函数 中 实现 力 的 作用 ， 这 样 做 会 让 程序 的 意图 更 清晰 ， 让 旋 者 更 容易 理解 力 
的 累加 效应 。 上 面 的 目的 达成 后 ， 我 还 是 希望 采用 更 简单 的 做 法 : 在 对 象 内 部 封装 这 部 分 逻辑 。 
证 我们 看 看 弹 千 类 剩 下 的 实现 : 




















3_11_spring 





示例 代码 3-11 弹 得 连接 


class Spring { 


PVector anchor: 弹 自 的 枢 轴 ,点 位 置 


float len: 静止 长 度 和 相关 常量 
float k = 0.1; 


Spring(float x, float y, int 1L){ 在 构造 函数 中 初始 化 枢 轴 点 和 静止 长 度 
anchor = new PVector(x,y); 
ens: 

} 

void connect(Bob b) { 计算 弹力 ， 实 现 胡 克 定 律 
PVector force = 获取 由 枢 轴 点 指向 摆 狂 的 向 量 


PVector.sub(b.location,anchor): 


float d = force.mag() ; 


float stretch = d - len; 计算 距离 和 静止 长 度 的 差 值 
force.normalize(); 合并 大 小 和 方向 


force.mult(-—1 * k * stretch); 


b.appLyForce(force) ; 调用 appLyForce( ) 肠 数 
} 
void display() { 绘制 枢 轴 点 
fill(100); 
rectMode(CENTER) ; 
rect(anchor.x,anchor.y,10,10); 
} 
void displayLine(Bob b) { 绘制 摆 狂 和 枢 轴 点 之 间 的 连接 
stroke(255); 
line(b.location.x,b. location.y,anchor.x,anchor.y); 
} 
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本 例 的 所 有 代码 都 可 以 在 本 书 的 定 方 网 站 中 找到 ,代码 的 网 络 版 本 还 包含 了 两 个 额外 的 功能 


(1) 钟 摆 类 包含 了 与 鼠标 交互 相关 的 代码 ， 我 们 可 以 用 鼠标 拉动 钟 摆 ， 从 而 触发 它 的 运动 ; 
(2) 弹 自 类 包含 了 一 个 额外 的 图 数 ， 这 个 函数 能 限制 弹 短 的 最 小 长 度 和 最 大 长 度 。 








练习 3.15 
在 运行 上 面 的 程序 之 前 ， 思 考 长 度 限制 函数 该 如 何 实现 ， 试 着 完成 下 面 的 程序 填空 题 。 


void constrainLength(Bob b, float minlen, float maxlen) { 
PVector dir = PVector.subl( 了 ) ; 由 摆 狂 指向 枢 轴 点 的 向 量 
float d = dir.mag(); 


if (d < minlen) { 它 的 长 度 是 否 过 短 ? 
dir.normalize(); 
dir.mult( "); 
b.Location = PVector.add( ; 限制 位 置 
b.velocity.mult(0); 

} else if ( 它 的 长 度 是 否 过 长 ? 
dir.normalize(); 
dir.mult( 和 
b.Location = PVector.add( ; 限制 位 置 
b.velocity.mult(0); 


练习 3.16 


创建 一 个 有 多 个 钟 摆 和 弹簧 连接 的 系统 , 试 着 让 一 个 钟 摆 连 接 到 另 一 个 钟 摆 上 , 而 不 是 连接 
在 一 个 固定 的 枢 轴 点 上 。 





生态 系统 项 目 
第 3 步 练习 


选择 生态 系统 中 的 菜 一 种 生物 ， 将 振荡 融入 到 它 的 运动 效果 中 。 你 可 以 用 示例 代码 3-7 中 的 
0scillator 类 ，0scillator 对 如 是 绕 着 一 个 固定 的 枢 轴 点 ( 窗口 中 央 ) 运动 的 ， 试 着 让 你 的 生 
物 绕 着 一 个 正在 移动 的 枢 轴 点 运动 。 换 名 话说 : 创建 一 种 生物 ， 让 它 根 据 位 置 、 速 度 和 加 速度 在 
屏幕 上 运动 。 注 意 : 这 种 生物 的 体形 并 不 是 固定 的 ， 它 的 体形 类 似 振 荡 的 效果 ， 考虑 在 体形 振荡 
速度 和 整体 运动 速度 之 间 建 立 菜 种 联系 。 你 可 以 参考 蝴蝶 的 振 翅 和 昆 中 的 腿 型 ， 可 以 让 它 的 内 部 
运动 (振荡 ) 驱动 整体 运动 。 在 随 书 代码 中 有 一 个 例子 是 “AttractionArrayWithOscillation”， 你 可 
以 参考 它 的 实现 。 





粒子 系统 





“不 管 如 何 ， 我 使 用 逻辑 ， 逮 辑 明 确 地 表示 多 数 人 的 需求 高 于 少数 人 。 
史 波 克 ( 电影 《星际 迷航 》) 





1982 年 ， 卢 卡 斯 影 业 的 研究 员 William. T. Reeves 正 致力 于 电影 《星际 迷航 2: 可 汗 之 经 》 的 制 
作 。 整 部 电影 都 围绕 着 创 世 武 器 展开 ， 它 是 一 种 鱼雷 ， 能 让 荒芜 死寂 的 星球 发 生物 质 重 组 ， 最 后 
创造 出 适合 人 类 居住 的 环境 。 电 影 中 有 这 样 一 幕 ， 某 个 星球 在 和 锌 “改造 ”的 过 程 中 ,表面 曼 延 着 

- 道 火 墙 。 粒子 系统 这 个 术语 ,就 是 在 这 个 特效 的 制造 过 程 中 出 现 的 , 后 来 它 成 为 计算 机 图 形 学 
中 最 常用 的 技术 之 一 。 




















“粒子 系统 是 由 许多 粒子 组 成 的 用 于 代表 模糊 对 象 的 集合 。 在 一 段 特定 时 间 内 ， 粒 

子 在 系统 中 生成 、 移 动 、 转 化 ， 最 后 消亡 。 
William Reeves, ‘Particle Systemas A Technique for Modeling a Class of 
Fuzzy Objects”, ACM Transactions on Graphics 2:2 ( 1983 年 4 月 )，92 








从 20 世 纪 80 年 代 初 开始 ,粒子 系统 束 补 用 于 制作 各 种 电子 游戏 、 动 夯 、 数 码 宛 术 人 作品， 还 被 
用 于 模拟 各 种 不 规则 的 目 然 现象 ， 比 如 火焰 、 烟 筋 、 滩 布 、 芭 从 和 泡沫 。 


本 章 讨论 粒子 系统 的 实现 策略 。 我 们 将 探讨 以 下 问题 : 在 实现 粒子 系统 时 ， 如 何 组 织 代码 ; 
如 何 存放 单个 粒子 及 整个 系统 的 相关 信息 。 本 章 将 给 出 很 多 模拟 程序 ,以 便 展 示 如 何 管理 粒子 系 
统 的 相关 数据 。 在 模拟 过 程 中 , 我 们 用 最 简单 的 图 形 代表 粒子 ,并且 只 涉及 粒子 的 最 基本 行为 ( 比 
如 在 重力 作用 下 的 行为 ) 尽管 如 此 ， 你 可 以 在 代码 框架 中 加 入 更 有 趣 的 泻 染 方式 和 模拟 行为 ， 
实现 各 种 视觉 效果 。 


4.1 为 什么 需要 粒子 系统 


粒子 系统 就 是 一 系列 独立 对 象 的 集合 , 这 些 对 和 象 通 第 用 简单 的 图 形 或 者 点 来 表示 。 为 什么 我 
们 要 学 习 粒 子 系统 呢 ? 坚 无 疑问 ， 粒 子 系统 可 以 用 于 模拟 各 种 卓然 现 绷 〈 比如 爆炸 )。 实 际 上 ， 
它 的 作用 不 局 限于 此 。 如 果 我 们 要 用 代码 对 自然界 的 各 种 事物 建 模 , 要 接触 的 系统 肯定 并 不 是 由 
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单个 物体 组 成 的 ,系统 内 部 会 有 很 多 物体 ， 而 粒子 系统 非常 适合 对 复数 系统 进行 建 模 。 比 如 一 堆 
弹 球 的 弹跳 运动 、 鸟 群 的 繁殖 ， 以 及 生态 系统 的 演化 ， 这 些 人 研究 对 象 部 是 由 复数 组 成 的 系统 。 

本 书 的 后 续 草 节 神 会 涉及 对 一 组 对 象 的 处 理 。 在 前 面 回 量 和 力 的 示例 程序 中 , 我 们 傈 单 地 用 
数组 表示 一 组 对 象 ， 但 从 本 章 开 始 ， 我 们 要 用 一 种 更 强大 的 方式 表示 它们 。 

首先 ， 列 表 中 物体 的 数量 应 该 是 可 变 的 : 可 能 没有 物体 ， 可 能 只 有 1 个 物体 ， 也 可 能 有 10 个 
物体 或 成 二 上 万 的 物体 。 其 次 , 除了 定义 粒子 类 ， 我们 还 会 定义 一 个 类 表示 粒子 的 集合 一 一 也 就 
是 粒子 系统 ( ParticteSystem ) 类 ， 在 实现 过 程 中 ， 我 们 会 更 深入 地 使 用 面向 对 和 象 方法 。 最 后 
的 主 程序 看 起 来 会 是 这 样 : 


ParticleSystem ps; 这 样 的 主 程序 是 不 是 显得 非常 简洁 优雅 ? 

















void setup() { 
size(200,200) ; 
ps = new ParticleSystem(); 


} 


void draw() { 
background (255 ) ; 
ps.run(); 


} 








上 面 的 程序 并 设 有 涉及 单个 粒子 , 但 在 最 终 的 运行 效果 中 , 你 会 在 屏 医 上 看 到 无 数 移动 的 粒 
子 。 在 后 面 的 学 习 中 ， 你 会 发 现 本 章 涉 及 的 各 种 编程 技术 都 非 党 有用， 包括: 如 何 用 Processing 
实现 多 个 类 ， 如 何 实现 对 象 的 容 货 关 。 


最 后 , 在 粒子 系统 的 研究 过 程 中 , 我 们 将 会 接触 两 种 面 辐 对象 编 程 的 关键 技术 : 继承 和 多 态 。 
在 前 面 的 例子 中 , 数组 中 存储 的 只 是 同 种 类 型 的 对 象 ， 就 像 Mover 和 0sciLLator 数 组 。 有 了 继承 
( 和 多 态 ) 之 后 , 我们 就 可 以 在 数组 中 存放 不 同类 型 的 对 象 。 粒子 系统 中 的 粒子 通常 有 多 种 类 型 。 

还 要 特别 指出 : 粒子 系统 有 多 种 实现 方式 ,本章 的 内 容 就 是 学 习 这 些 实现 方式 。 然 而 ， 你 的 
想象 不 能 被 限制 在 本 章 特定 的 实现 中 。 这 里 描述 的 粒子 系统 可 能 会 发 光 、 会同 前 飞 动 , 或 是 受 重 
力作 用 下 落 ， 但 这 并 不 意味 着 你 的 粒子 系统 就 必须 有 这 些 特性 。 

我 们 在 这 里 要 特别 关注 多 元 素 系统 的 实现 ， 至 于 这 些 元 素 有 何 功能 及 外 形 ， 那 都 由 你 决定 ! 


4.2 ”单个 粒子 


在 学 习 系 统 之 前 ,我 们 要 先 实现 一 个 类 ,这 个 类 用 于 表示 单个 粒子 。 好 消 朋 是 : 我 们 已 经 在 
有 前面 做 过 这 件 事情 ， 第 2 章 中 的 Mover 类 就 是 一 个 很 好 的 模板 。 粒 子 就 是 在 屏 硕 中 移动 的 对 象 ， 
它 有 人 位置、 速度 和 加 速度 变量 ,有 构造 水 数 用 于 内 部 变量 的 初始 化 ， 有 display() 邱 数 用 于 绘制 
目 喘 ， 还 有 update( ) 也 数 用 于 更 新 位 置 。 
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class Particle { 


PVector location; ParticLe 对 象 是 Mover 对 象 的 别名 ， 它 有 位 置 、 
PVector velocity; 速度 和 加 速度 
PVector acceleration; 


Particle(PVector 1) { 
location = \.get(); 
acceleration = new PVector(); 
velocity = new PVector(); 


void update() { 
velocity.add(acceleration); 
Location,add(veLocity ) ; 


void display() { 
stroke(0); 
fill(175); 
ellipse(location.x,location.y,8,8); 


} 


这 是 一 个 很 简单 的 粒子 ， 我 们 可 以 继续 完善 这 个 粒子 类 : 可 以 在 类 中 加 入 appLyForce() 辑 
数 用 于 影响 粒子 的 行为 〈 后 面 的 例子 会 实现 这 一 特性 ) 可 以 加 入 其 他 变量 用 于 描述 粒子 的 色彩 
和 形状 ， 或 是 用 PImage 对 象 绘制 粒子 。 但 现在 ， 我 们 只 想 在 类 中 加 入 一 个 额外 的 变量 : 生存 期 
(Lifespan )。 


典型 的 粒子 系统 中 都 有 一 个 发 射 器 ， 发 射 希 是 粒子 的 源头 , 它 控制 粒子 的 初始 属性 ,包括 位 
置 、 速 度 等 。 发 射 器 发 射 的 粒子 可 能 是 一 股 粒 子 ， 也 可 能 是 连续 的 粒子 流 , 或 是 同时 包含 这 两 种 
发 射 方式 。 有 一 点 非常 关键: 在 一 个 典型 的 粒子 系统 中 ,粒子 在 发 射 句 中 诞生 ,但 并 不 会 永远 存 
在 。 假 设 粒 子 永 不 消亡 ， 系 统 中 的 粒子 将 越 积 越 多 ，Sketch 的 运行 速度 也 会 越 来 越 慢 ， 最 后 程序 
会 挂 起 。 新 的 粒子 不 断 产 生 ， 与 此 同时 , 旧 的 粒子 应 该 不 断 消亡 ， 只 有 这 样 ， 程 序 的 性 能 才 不 会 
受到 影响 。 决 定 粒子 何 时 消亡 的 方法 很 多 ， 比 如 ,粒子 可 以 和 男 一 个 粒子 结合 在 一 起 ,或 在 离开 
屏幕 时 消亡 ,这 是 本 章 的 第 一 个 粒子 类 ( Particle ), 我 希望 它 尽 可 能 简单 , 因此 用 一 个 lifespan 
变量 代表 粒子 的 生存 期 , 这 个 变量 从 255 开 始 ， 逐步 递减 ,递减 到 6 时 粒子 消亡 。 加 入 生存 期 后 的 
Particle 类 如 下 所 示 : 


class Particle { 
PVector Location， 
PVector velocity; 
PVector acceleration; 


float lifespan; 该 变量 用 于 管理 粒子 的 “生存 ”时 长 























Particle(PVector L) { 
location = \l.get(); 
acceleration = new PVector(); 
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velocity = new PVector(); 
lifespan = 255; 为 了 便于 实现 ， 我 们 从 255 开 始 递减 


} 
void update() { 


velocity.add(acceleration); 
Location.add(veLocity ) ; 











Lifespan -= 2.0; 递减 生存 期 变量 
} 
void display() { 
stroke(0, lifespan); 由 于 生存 期 的 范围 是 255 一 0， 我 们 可 以 把 它 当 成 
fill(175, lifespan); alpha 值 
ellipse(location.x,location.y,8,8); 
} 
} 
为 了 便利 ， 我 们 让 生存 期 从 255 开 始 递减 ， 直 至 减 到 0。 因 为 我 们 让 粒子 的 aLpha 透 明度 等 于 
生存 期 ， 所 以 当 粒 子 “ 消 亡 ” 时 ， 会 变 得 完全 透明 ， 这 样 它 在 屏幕 中 也 就 不 可 见 了 。 4 


有 了 tifespan 变 量 之 后 ， 我 们 还 需要 添加 男 一 个 函数 ， 它 返回 一 个 布尔 值 ， 用 于 检查 粒子 
是 否 已 经 消亡 。 这 个 也 数 将 在 粒子 系统 类 的 实现 中 派 上 大 用 场 。 粒子 系统 的 主要 职责 是 管理 粒子 
的 列表 。 这 个 子 数 的 实现 非常 人 简单， 我 们 只 需要 检查 Lifespan 变 量 是 否 小 于 0: 如 果 小 于 0， 就 
返回 true; 如 果 不 小 于 0， 就 返回 faLse。 


boolean lsDead (){ 





if (lifespan < 0.0){ 粒子 是 否 还 “ 活 ” 着 
return 七 rue 
} elLse 1{ 
return false; 
} 
} 
在 创建 多 个 粒子 对 象 之 前 ， 应 该 确保 粒子 类 能 够 正常 工作 ， 我 们 可 以 用 Sketch 模拟 单个 粒子 





对 和 象 的 运动 情况 。 模 拟 代 码 如 下 所 示 ， 我 在 其 中 加 入 了 两 个 额外 功能 : 首先 ， 为 了 方便 调用 ， 我 
在 其 中 加 入 了 run() 函 数 ， 这 个 函数 只 是 简单 地 调用 了 update() 峭 数 和 display() 也 数 ; 其 次 ， 
为 了 模拟 重力 ， 我 们 为 粒子 对 象 赋予 一 个 随机 的 初始 速度 和 癌 下 的 加 速度 。 


_4 .01 SingleParticle_trail 
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示例 代码 4-1 ”单个 粒子 
Particle p; 
void setup() { 


size(200,200); 
p = new Particle(new PVector(width/2,10)); 


smooth(); 
} 
void draw() { 
background(255); 
p. run(); 人 人 


if (p.isDead()) { 
println("Particle dead!"); 
} 
} 


class Particle { 
PVector Location， 
PVector velocity; 
PVector acceleration; 
float lifespan; 


Particle(PVector L) { 


acceleration = new PVector(0, 0.05); 为 了 演示 ， 我 们 为 粒子 赋予 一 个 初始 速度 和 常量 加 
速度 
velocity = new PVector(random(-1,1),random(-—2,0)); 
location = \.get(); 
lifespan = 255.0; 
} 
void run() { 为 了 便利 ， 有 了 时 用 run() 涵 数 调用 其 他 所 需 隙 数 
update ( ) ; 
display(); 
} 


void update() { 
velocity.add(acceleration); 
Location,add(veLocity ) ; 
Lifespan -= 2.0; 

} 


void display() { 
stroke(0, lifespan); 
fiLL(0,Lifespan) ; 
ellipse(location.x,location.y,8,8); 


boolean isDead() { 粒子 是 “活着 ”， 还 是 “死亡 ”? 
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if (Lifespan < 0.0) { 
return true; 

} else { 
return false.; 


练习 44.1 
请 重新 实现 上 面 的 示例 程序 , 在 粒子 类 中 添加 applyForce() 吻 数 , 让 粒子 可 以 受 力 的 作用 。 


练习 4.2 
在 粒子 中 加 入 角速度 (旋转 )， 用 你 自己 设计 的 形状 (不 能 是 圆 形 ) 绘制 粒子 。 








到 这 里 ， 一 个 完整 的 粒子 类 已 准备 好 了 ,我 们 可 以 开始 新 的 话题 。 这 里 移 提 出 一 个 问题 : 如 
末 系 统 中 的 粒子 数量 未 知 ， 那 么 如 何 管 理 这 样 的 粒子 列表 ? 








4.3 使 用 ArrayList 





我 们 可 以 使 用 数组 管理 这 些 粒 子 对 象 。 如 采 粒 子 系统 的 粒子 数量 是 恒定 的 , 数组 是 非常 有 效 
的 工具 。 此 外 ，Processing 还 提供 了 一 些 函 数 用 于 改变 数组 长 度 ， 比 如 expand()、contract()、 
subset() 、spLice() 等 。 然 而 在 本 章 ， 我 们 要 使 用 Java 的 ArrayList 类 ， 这 是 一 种 更 高 级 的 对 
象 列 表 管 理 方法 。 你 可 以 在 java.util 包 中 找到 该 类 的 相关 文档 (http:/download.oracle.conyjavase/6/ 
docs/api/java/util/ArrayList.html )。 


ArrayList 的 实现 思路 和 普通 数组 类 似 ， 但 它们 的 语法 并 不 相同 。 下 面 的 两 个 例子 (假设 
Particle 子 类 已 经 存在 ) 实现 了 同样 的 效果 : 前 者 用 数组 实现 ， 后 者 用 ArrayList 实 现 。 
用 数组 实现 : 


int total = 10; 
Particle[] parray = new Particle[total]; 




















void setup() { 


for (int i = 0; i < parray.length; i++) { 这 是 我 们 之 前 的 做 法 ， 用 下 标 和 [] 访 问 数组 元 素 
parray[il] = new Particle(); 


} 
} 


void draw() { 
for (int i = 0; i < parray.length; I++) { 
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Particle p = parray[i]; 
p.run(); 


} 
用 ArrayList 实 现 : 


int total = 10; 你 曾经 看 到 过 这 种 语法 吗 ? 这 是 Java 1.6 引 入 的 
特性 ( 称 为 “ 泛 型 ”) ，Processing 现 在 也 支持 
这 个 特性 ， 它 允许 我 们 提前 指定 ArrayList 存 放 的 
对 象 类 型 

ArrayList<Particle> plist = new ArrayList<Particle>(); 


void setup() { 
for (int i = 0; i < total; I++) { 


plist.add(new Particle()); 使 用 add () 有 函数 将 对 象 如 入 ArrayList 
} 
} 
void draw() { 
for(int i = 0; i < plist,.size(); i++) { Size() 了 有 函数 返 回 ArrayList 的 长 度 
Particle p = plist,.get(i); 用 get () 函 数 访 问 ArrayList 的 对 象 ， 由 于 这 里 使 


用 了 泛 型 ， 获 取 对 象 时 不 需要 指定 具体 的 对 象 类 型 


p.run(); 


} 

我 们 可 以 看 到 ， 在 两 种 实现 路 径 中 ， 最 后 一 个 for 循 环 的 实现 方式 非常 相似 ， 都 是 通过 一 个 
下 标 壳 历数 组 中 的 每 个 元 素 。 我 们 创建 了 变量 1， 让 它 从 6 开始 每 次 递增 1， 逐 个 访问 ArrayList 
的 元 素 ， 直 到 遍历 结束 。 除 此 之 外 ，Java ( 和 Processing ) 还 提供 了 一 种 更 简洁 的 “改进 型 for 循 
环 "。 改 进 型 循环 在 ArrayList 和 普通 数组 中 都 可 以 使 用 ， 使 用 方式 如 下 : 


ArrayList<Particle> plist = new ArrayList<Particle>(); 

















for (Particle p: particles) { 
p.run(); 


} 
我 们 可 以 这 样 翻译 上 面 的 代码 : 把 “for” 当 作 “for each”, 把 “:;” 当 作 “in”。 于 是 束 有 了 : 
“对 列表 中 的 每 个 粒子 对 象 p， 都 调用 run( ) 函数 1” 


当 看 到 这 个 简 涪 的 写法 时 , 你 肯定 抑 制 不 住 内 心 的 兴奋 。 我 可 以 告诉 你 , 我 也 根本 无 法 抑制 
自己 内 心 的 兴奋 ， 妨 不 住 要 把 它 重 写 一 遍 。 


for (Particle p : particles) { 改进 型 fOr 循环 也 支持 普通 数组 1 





p.run(); 
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我 非 背 喜欢 这 种 循环 与 法 ,因为 它 傈 单 、 优 雅 、 催 济 、 可 爱 …… 但 有 一 个 坏 消 息 : 尽管 我 们 
很 喜欢 这 个 改进 型 循环 , 但 粒子 系统 还 有 些 特别 的 特性 , 这 些 特性 导致 我 们 不 能 使 用 这 种 优雅 的 
循环 方式 。 接 下 来 ， 我 们 将 探讨 这 个 问题 。 

上 面 的 代码 并 没有 用 到 ArrayList 的 动态 长 度 特性 , 它 的 长 度 被 定 为 10。 我 们 需要 重新 设计 
一 个 例子 ， 让 它 更 符合 粒子 系统 的 场景 : 一 个 典型 的 粒子 系统 会 发 射 连续 的 粒子 流 ， 因 此 每 个 
draw( ) 循 环 都 会 把 新 的 粒子 对 象 加 入 ArrayList。 这 里 的 粒子 类 和 上 例 相 同 ， 因 此 不 再 著述 。 

















ArrayList<Particle> particles,; 


void setup() { 
size(200,200); 
particles = new ArrayList<Particle>(); 


} 


void draw() { 
background (255); 


particles.add(new Particle(new PVector(width/2, 50))); 


在 每 一 轮 draw() 函 数 中 ， 粒 子 系统 都 将 加 入 新 的 粒子 4 


for (int i = 0; i < particles.size(); I++) { 
Particle p = particles.get(i); 
p.run(); 


} 

运行 上 述 代码 ， 几 分 钟 后 ,你 会 发 现 程序 的 帧 速 越 来 越 慢 ， 最 后 程序 会 挂 起 ( 在 我 的 测试 环 
境 中 ， 运 行 15 分 钟 后 程序 就 已 经 慢 得 不 行 了 )。 问题 的 原因 在 于 : 我 们 只 在 系统 中 创建 和 添加 粒 
子 对 象 ， 却 从 不 移 除 任何 粒子 对 象 。 

邓 运 的 是 ，ArrayList 类 提供 了 一 个 remove() 了 荫 数 ， 我 们 可 以 通过 这 个 孔 数 非常 方便 地 移 
除 某 个 粒子 对 象 (通过 对 象 的 下 标 )。 但 我 们 不 能 在 改进 型 for 循 环 遍历 元 素 的 同时 删除 元 素 ， 这 
也 是 我 们 不 能 在 粒子 系统 中 使 用 这 个 函数 的 原因 。 我 们 应 该 判断 粒子 对 象 的 jsDead( ) 函数 是 否 
返回 true， 如 果 返 回 true， 就 调用 remove ( ) 因数 移 除 这 个 对 象 。 


for (int i = 0; i < particles.size(); I++) { 
Particle p = particles.get(i); 














p. run(); 

if (p.isDead()) { 如 果 粒 子 “ 死 亡 ”， 我 们 可 以 就 将 它 从 列表 中 删除 ， 
particles.remove(i); 然后 向 前 遍历 

} 


} 
尽管 上 面 的 代码 能 够 正 篆 运行 (程序 永远 不 会 挂 起 ), 但 我 们 已 经 在 其 中 引入 了 为 一 个 问题 : 
在 列表 珊 历 的 过 程 中 ， 操 纵 里 面 的 数据 会 引入 有 抹 烦 。 淮 个 例子 ,请 看 以 下 代码 : 


for (int i = 0; i < particles.size(); I++) { 
Particle p = particles.get(i); 
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p. run(); 
particles.add(new Particle(new PVector (width/2,50))); 
是 否 在 遍历 的 同时 向 列表 中 添加 新 的 粒子 对 象 
} 





这 个 例子 有 些 极端 ( 它 本 号 的 实现 逻辑 就 有 问题 )， 但 可 以 证 明 一 个 事实 。 如 果 在 列表 遍历 
元 又 的 过 程 中 不 断 问 其 中 添加 新 粒子 对 象 (进而 影响 ArrayList 的 大 小 )， 最 后 会 变 成 无 限 循环 ， 
为 我 们 永远 无 法 让 下 标 值 超过 ArrayList 的 大 小 。 


在 ArrayList 循 环 的 过 程 中 删除 元 素 并 不 会 让 程序 骨 演 (在 循环 过 程 中 不 断 添 加 元 素 才 会 让 
程序 有 骨 演 )， 但 这 样 做 的 问题 更 加 严重 ， 因 为 它 不 会 产生 任何 错误 迹象 。 为 了 发 现 这 个 问题 ， 我 
们 需要 了 解 它 的 内 部 原理 。 当 对 象 从 ArrayList 中 移 除 出 去 时 ， 它 右边 的 所 有 元 素 将 会 向 左 移 动 
一 位 。 下 图 中 ， 粒 子 C (下 标 为 2 ) 被 移 除 ， 粒 子 A 和 粒子 B 保 持原 来 的 下 标 ， 但 是 粒子 D 和 粒子 E 
的 下 标 分 别 由 原来 的 3 和 4 变 为 2 和 3。 

















EX 0 
A B C D E A B D E 
0 1 2 3 4 0 1 2 3 
图 4-1 


让 我 们 用 i 人 工 裔 历 ArrayList。 


如 果 1 = 0 一 检查 粒子 A 一 保留 对 象 
如 果 i = 1 一 检查 粒子 B 一 保留 对 象 
如 果 i = 2 一 检查 粒子 C 一 删除 对 象 
分 别 将 粒子 D 和 粒子 E 从 模 3 和 模 4 移 到 模 2 和 楷 3 
如 果 i = 3 一 检查 粒子 E 一 保留 对 象 








你 可 能 已 经 注意 到 : 在 遍历 过 程 中 ， 我们 没有 检查 粒子 D! 当 C 从 槽 2 中 被 移 除 时 ，D 被 移 到 
了 权 2 的 位 置 , 但 是 下 一 个 裔 历 的 元 条 是 柳 3。 这 并 不 是 一 场 灾难 ， 因 为 下 一 轮 循 环 还 是 会 裔 历 到 
粒子 D， 但 这 不 符合 我 们 的 目的 : 遍历 ArrayList 中 的 每 个 元 素 ， 不 能 跳 过 其 中 的 某 个 元 素 。 

这 个 问题 有 两 种 解决 方案 。 第 一 种 方案 是 : 反问 遍历 ArrayList。 按 上 面 的 原理 ， 如 果 对 象 
删除 时 ， 它 的 空缺 将 由 右 侧 的 对 象 填充 ， 因 此 反问 遍历 不 会 汤 掉 任何 元 系 。 该 方案 的 代码 如 下 : 




















for (int i = particles.size()-1; i >= 0; i-——)t{ 反 向 遍历 列表 


Particle p = (Particle) particles.get(i); 
p.run(); 
if (p.isDead()) { 
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particLes, remove(1I) ; 
} 


上 面 的 解决 方案 适用 于 大 部 分 场景 , 但 在 茶 些 场景 中 ,， 对象 的 过 历 顺序 很 重要 ， ee， 
啊 绘 制 顺 序 ， 所 以 你 可 能 并 不 想 让 它 反 向 过 历 。 对 此 ，Java 提 供 了 一 个 特殊 类 一 一 迭代 带 ， 
以 满足 你 各 种 各 样 的 过 历 需求 。 比 如 ， 你 的 需求 可 能 是 这 样 的 : 








我 要 遍历 这 个 ArrayList。 你 能 否 每 次 
尾 ? 如 果 我 在 遍历 过 程 中 移动 或 者 删除 了 这 此 
任何 元 素 ? 


返回 列表 中 的 下 一 个 元 素 ， 直 到 列表 的 末 
些 元 素 ， 你 能 否 确 保 不 会 重复 检查 或 漏 掉 


ArrayList 的 iterator() 阴 数 会 返回 一 个 迭代 带 对 象 。 











Iterator<Particle> it = particles.iterator(); 对 于 迭代 器 对 和 象 ， 我 们 也 可 以 使 用 新 的 < 类 名 > 泛 型 
语法 为 近代 器 指定 类 型 
导 到 迭代 器 对 象 之 后 , 它 的 hasNext ( ) 函数 会 告诉 我 们 是 否 有 下 一 个 粒子 对 象 ,而 调用 next() 4 
和 到 这 个 次 子 对 象 。 
while (it.hasNext()) { 和 迭代 器 对 象 替 你 完成 遍历 
Particle p = it.next(); 
p. run(); 





在 遍历 过 程 中 ， 如 果 你 用 夫 代 器 调用 了 remove() 函 数 ， 当 前 的 粒子 对 象 就 会 被 删除 (接着 
问 前 裔 历 ArrayList， 下 一 个 对 象 并 不 会 被 跳 过 )。 
if (p.isDead()) { 
it. remove(); 迭代 器 会 蔡 你 删除 对 象 


} 
将 上 面 的 代码 合并 在 一 起 ， 就 有 了 以 下 程序 : 





_4 02 ArrayListParticles 
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示例 代码 4-2 ”用 迭代 硕 笛 历 ArrayList 
ArrayList<Particle> particles,; 


void setup() { 

size(200,200); 

particles = new ArrayList<Particle>(); 
} 
void draw() { 

background(255 ) ; 


particles.add(new Particle(new PVector (width/2,50))); 


Iterator<Particle> it = particles.iterator(); 


while (it.hasNext()) { 用 迭代 器 对 象 代替 下 标 i 
Particle p = it.next(); 
p.run(); 
if (p.isDead()) { 
It, remove( ) ; 


} 


4.4 ”粒子 系统 类 


到 目前 为 止 , 我 们 已 经 做 了 两 件 事情 : 首先 , 完成 了 粒子 类 , 用 它 描述 单个 粒子 对 象 ; 之 后 ， 
学 会 了 ArrayList 的 用 法 ， 掌 握 了 如 何 用 它 管理 粒子 对 象 列 表 ( 随心 所 欲 地 添加 和 删除 列表 中 的 
对 象 )。 


我 们 不 能 在 这 里 停 住 , 下 面 还 要 做 一 件 重 要 事情 , 那 就 是 用 一 个 类 描述 由 粒子 对 象 组 成 的 系 
统一 一 粒子 系统 类 。 通 过 它 ,我 们 可 以 将 复杂 的 这 历 逻辑 从 主 程序 中 移 除 ,， 也 可 以 非常 方便 地 加 
入 其 他 粒子 系 局 O 


回头 看 看 本 章 最 初 列 出 的 学 习 目 标 ， 我 们 想 让 主 程序 看 起 来 是 这 样 的 : 


























ParticleSystem ps; 天 中 站 入 于 不 统 对 闪 | 


void setup() { 
size(200, 200); 
ps = new ParticleSystem(); 


} 

void draw() { 
background (255); 
ps.run(); 


} 
以 示例 代码 4-2 中 的 代码 为 例 ， 我 们 顺便 复习 一 下 面向 对 象 编程 技术 。 请 看 下 表 ， 注 意 主 程 





序 中 的 各 部 分 代码 如 何 被 映射 成 粒子 系统 的 实现 。 


主 程序 中 的 ArrayList 
ArrayList<Particle> particles; 


void setup() { 
size(200,200); 


particles = new ArrayList<Particle>(); 


void draw() { 
background(255); 


particles .add(new Particle()); 


Iterator<Particle> it = 
particles.1iterator(); 
while (it.hasNext()) { 
Particle p = it.next(); 
p.run(); 
if (p.isDead()) { 


It.remove( ) ; 
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粒子 系统 中 的 ArrayList 


class ParticleSystem { 


ArrayList<Particle> particles; 


ParticleSystem() { 


particles = new ArrayList<Particle>(); 


void addParticle() { 


particles.add(new Particle()); 


void run() { 
Iterator<Particle> it = 
particles.1iterator(); 
while (it.hasNext()) { 
Particle p = it.next(); 
p.run(); 
if (p.isDead()) { 


It.remove( ) ; 


} 


我 们 还 可 以 在 粒子 系统 中 加 入 一 些 新 特性 。 比 如 ， 加 入 一 个 粒子 的 原点 ,也 就 是 粒子 创建 的 


初始 位 置 ， 即 粒子 的 发 射 点 ， 这 恰好 符合 粒子 系统 “发 册 各 ”的 概念 。 这 个 原点 必须 在 粒子 系统 


的 构造 孙 数 中 初始 化 。 


示例 代码 4-3 ”单个 粒子 系统 


class ParticleSystem { 
ArrayList particles,; 


PVector origin; 


ParticleSystem(PVector location) { 
origin = location.get(); 
particles = new ArrayList(); 


这 个 和 让 不 筑 四 个 原文 
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void addParticle() { 
particles.add(new Particle(origin)); 在 粒子 系统 的 构造 洱 数 中 传 入 原点 


} 


练习 4.3 


让 粒子 系统 的 原点 能 够 动态 移动 , 试 着 让 粒子 从 鼠标 所 在 的 位 置 发 射出 来 ,或 者 用 速度 和 加 
速度 的 原理 让 粒子 系统 自主 移动 。 


练习 4.4 


改写 第 3 草 的 “行星 ”游戏 ， 用 粒子 系统 模拟 飞船 的 发 射 行为 ， 粒 子 的 初始 速度 应 该 和 飞船 
的 当前 方向 有 关 。 





4.5 由 系统 组 成 的 系统 


我 们 看 看 已 经 进行 到 哪 一 步 了 : 我 们 已 经 知道 如 何 实现 粒子 对 象 , 也 学 会 了 如 何 实 现 粒子 对 
象 组 成 的 系统 ， 这 个 系统 称 为 “粒子 系统 ”， 粒 子 系统 就 是 由 一 系列 独立 对 象 组 成 的 集合 。 但 粒 
子 系统 本 里 不 也 是 一 个 对 象 ? 如 果 粒 子 系统 也 是 个 对 和 象 , 我 们 可 以 让 这 些 粒子 系统 对 和 象 组 成 一 个 
集合 ， 产 生 一 个 由 系统 组 成 的 系统 。 

这 样 的 思维 方式 能 让 我 们 走 得 更 远 , 但 是 你 可 能 会 陷入 这 样 的 思维 陷阱 : 尝试 着 去 构建 一 个 
由 系统 组 成 的 系统 , 再 由 这 个 系统 组 成 新 的 系统 , 再 由 新 系统 组 成 更 局 一 级 的 系统 …… 这 样 的 想 
法 并 没有 错 ， 毕 竟 现 实 世 界 就 是 这 么 运作 的 ， 比 如 : 需 官 是 由 细胞 组 成 的 系统 ， 而 人 体 则 是 由 硕 
家 组 成 的 系统 , 社区 是 由 人 组 成 的 系统 ,城市 是 由 社区 组 成 的 系统 , 依次 类 推 …… 尽 管 这 么 一 下 
研究 下 去 会 很 有 趣 ， 但 这 已 经 超出 了 本 书 的 讨论 范围 ， 我 们 只 想 营 握 如 何在 Sketch 中 同时 模拟 多 
个 粒子 系统 ， 其 中 的 每 个 粒子 系统 客 由 很 多 粒子 组 成 。 来 看 看 以 下 场景 : 

从 一 芯 空 日 的 屏 厌 开始 。 


-MoD _4 04 SystemofSystems 
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在 屏幕 上 点 击 鼠标 ， 在 点 击 位 置 产生 一 个 粒子 系统 。 


4 04 SystemofSystems 
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在 示例 代码 4-3 中 ， 我 们 在 程序 中 声明 了 一 个 存放 粒子 系统 对 象 的 变量 ps。 


ParticleSystem ps; 


void setup() { 
size(200,200); 
ps = new ParticleSystem(1,new PVector(width/2,50)); 


} 

void draw() { 
background (255); 
ps.run(); 


ps.addParticle(); 
} 


在 这 里 ， 我 们 需要 创建 一 个 ArrayList 用 于 存放 多 个 粒子 系统 对 象 ， 并 在 setup ( ) 函数 中 将 
这 个 ArrayList 初 始 为 空 。 


示例 代码 4-4 ”由 系统 组 成 的 系统 


ArrayList<ParticleSystem> systems; 这 次 ， 我 们 要 在 ArrayList 中 放 入 粒子 系统 对 象 
void setup() { 

size(600,200); 

systems = new ArrayList<ParticleSystem>(); 
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一 旦 鼠标 被 点 击 ， 一 个 新 的 粒子 系统 对 象 将 会 被 创建 并 放 和 人 ArrayList 中 。 


void mousePressed() { 
systems.add(new ParticleSystem(new PVector(mouseX,mouseY))); 


} 


在 Sketch 的 draw() 函数 中 ， 原 先 我 们 只 需要 引用 全 局 的 粒子 系统 对 象 ， 而 现在 需要 遍历 
ArrayList 中 的 所 有 镁 子 系统 对 象 ， 并 且 分 别 调用 它们 的 run( ) 冰 数 。 
void draw() { 
background(255 ) ; 
for (ParticleSystem ps : Systems) { 这 里 不 会 删除 元 素 ， 因 此 可 以 使 用 改进 型 for 循 环 


ps.run(); 
ps.addParticle(); 











练习 4.5 


重 写 示例 代码 4-4， 让 程序 中 的 粒子 系统 不 能 永远 存在 ， 一 旦 某 个 粒子 系统 为 空 (比如 ， 它 
的 ArrayList 中 已 经 没有 任何 粒子 对 和 象 )， 就 把 它 从 系统 的 ArrayList 中 删除 。 


练习 4.6 


模拟 一 个 物体 碎 裂 成 很 多 块 的 效果 。 如 何 将 一 个 大 图 形 分 解 成 许多 小 粒子 ? 如 果 屏 幕 中 有 很 
多 大 图 形 ， 它 们 一 被 鼠标 点 中 ， 就 会 碎 裂 ， 如 何 模拟 这 一 现象 ? 





4.6 ”继承 和 多 态 的 简介 


在 阅读 本 书 之 前 ， 或 许 你 已 经 接触 过 继承 和 多 态 这 两 个 概念 ， 面 回 对 象 编 程 有 3 个 最 基本 的 
特性 ， 继 承 和 多 态 就 是 其 中 两 个 〈 男 一 个 是 封装 )。 有 些 Java 编 程 和 Processing 编 程 的 教学 书籍 可 
能 不 会 涵盖 这 两 个 知识 点 。 我 之 前 的 著作 Learnine Processing 一 书 中 ， 就 有 一 整 草 (第 22 章 ) 内 
容 都 在 介绍 继承 和 多 态 。 

虽然 你 或 许 已 经 了 解 了 继承 和 多 态 的 概念 , 但 很 可 能 只 是 在 理论 层面 接触 过 , 并 没有 机 会 在 
实践 中 使 用 它们 。 如 果真 是 这 样 ， 你 就 来 对 地 方 了 。 没 有 继承 和 多 态 ， 你 对 粒子 和 粒子 系统 建 模 
的 能 力 将 会 大 打折 扣 。( 在 下 一 章 中 , 我 们 会 看 到 如 何 利 用 这 两 个 特性 更 好 地 使 用 Processing 的 物 
理 函 数 库 。) 


想象 下 面 的 场景 : 这 是 周 六 的 早晨 ,你 刚 结 束 一 个 舒服 的 晨 跑 , 储 受 着 美味 的 早餐 。 你 静 静 
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地 坐 在 电脑 面前 哆 着 茶 ， 然 后 想起 来 今天 刚好 是 老 朋 友 的 生日 ， 你 决定 用 Processing 给 他 做 一 张 
电子 资 卡 ， 并 在 资 卡 上 添加 各 种 各 样 的 生日 彩 条 一 一 紫色 彩 条 、 粉 红色 彩 条 、 星 形 彩 条 、 方 形 彩 
条 、 快 速 飞 过 的 彩 条 、 摆 动 的 彩 条 ， 等 等 。 最 后 的 效果 是 ,你 的 朋友 一 打开 痪 卡 ， 他 就 可 以 看 到 
不 同 外 形 和 效果 的 彩 条 同时 出 现在 屏幕 中 。 

很 显然 , 上面 描 述 的 痪 卡 就 是 一 个 粒子 系统 一 一 由 一 系列 彩 条 (粒子 ) 组 成 的 集合 。 我 们 可 以 
在 粒子 类 中 放 和 各 种 效果 所 需 的 全 部 变量 ， 比 如 颜色 、 形 状 、 行 为 ,等 等 ， 然 后 随机 地 初始 化 这 些 
变量 , 这 样 做 就 可 以 实现 想 要 的 效果 。 但 如 果 这 些 粒 子 之 间 的 差异 很 大 , 整个 程序 将 会 变 得 非常 混 
配 , 因为 不 同 粒 子 对 应 的 所 有 代码 都 被 窄 到 一 个 类 中 ,对 此 ,你 可 能 会 用 以 下 几 个 类 改进 这 个 程序 : 


class HappyConfetti { 





























} 


class FunConfetti { 


} 


class WackyConfetti { 


} 

这 是 个 不 错 的 解决 方案 : 我 们 用 3 个 类 分 别 描述 3 种 不 同 的 彩 条 ， 这 3 种 彩 条 都 有 可 能 出 现在 
粒子 系统 中 ,在 粒子 系统 的 构造 涵 数 中 , 我 们 随机 地 创建 这 3 种 实例 变量 , 并 放 和 信 ArrayList 中 。“ 随 
机 选择 ”这 部 分 的 代码 和 “引言 ”中 的 随机 洲 走 示例 的 代码 是 一 样 的 。 

class ParticleSystem { 

ParticleSystem(int num) { 
particles = new ArrayList() ; 


for (int i = 0; i < num; i++) { 
float r = random(1); 








随机 选择 一 种 粒子 


if (r < 0.33) { particles.add(new HappyConfetti()); } 
else if (r < 0.67) { particles.add(new FunConfetti()); } 
else { particles.add(new WackyConfetti()); } 


} 
好 了 ， 先 暂 集 一 会 儿 。 别 担心 ， 我们 并 没有 做 错 什么 ,我们 只 是 想 祝 朋友 生日 快乐 ， 并 能 快 
乐 地 写 几 行 有 用 的 代码 。 但 很 显然 ， 我 们 箭 到 了 两 个 问题 。 











问题 1: 难道 我 们 要 在 不 同 的 “ 彩 条 ”类 之 间 复 制 或 粘贴 很 多 重复 的 代码 ? 





是 的 ,尽管 粒子 之 间 的 差异 很 大 ， 以 至 于 我 们 要 用 不 同类 的 分 别 实现 , 但 它们 之 间 仍然 存在 
很 多 可 以 共用 的 代码 。 比 如 : 它们 都 有 位 置 、 速 度 和 加 速度 向 量 ; 它们 都 有 一 个 update() 函数 
用 于 实现 运动 的 算法 ， 等 等 。 
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而 继承 在 这 里 正好 派 上 用 场 。 面 向 对 象 的 继承 特性 让 它 可 以 从 男 一 个 类 中 继承 变量 和 哨 数 ， 
如 此 一 来 ， 这 个 类 只 需要 实现 目 己 特有 的 特性 。 





问题 2: ArrayList 怎 么 知道 它 里 面 的 对 象 是 什么 类 型 ? 


这 是 一 个 很 重要 的 问题 。 请 记 住 ,我 们 在 ArrayList 中 存放 的 是 泛 型 类 型 。 那 么 是 否 需 要 创 
建 3 个 不 同 的 ArrayList， 分 别 存 放 不 同类 型 的 粒子 ? 
ArrayList<HappyConfetti> al new ArrayList<HappyConfetti>(); 


ArrayList<FunConfetti> a2 = new ArrayList<FunConfetti>(); 
ArrayList<WackyConfetti> a3 = new ArrayList<WackyConfetti>(); 


这 个 实现 看 起 来 非常 烦琐 , 最 好 能 用 一 个 列表 存放 粒子 系统 中 的 所 有 对 象 。 有 了 面向 对 象 的 
多 态 特 性 ， 这 就 能 得 以 实现 。 通 过 多 态 , 我 们 可 以 把 不 同类 型 的 对 象 当 成 同 种 类 型 ， 并 将 它们 存 
放 在 单个 ArrayList 中 。 

既然 已 经 知道 问题 所 在 ， 我 们 将 更 深入 地 探讨 它们 ， 然 后 用 继承 和 多 态 重 新 实现 这 个 粒子 
系统 。 








4.7 ”继承 基础 


我 们 来 看 看 为 一 个 例子 ， 这 是 一 个 由 各 种 动物 组 成 的 世界 ， 包括 : 狗 ( dog )、 猫 (cat )、 猴 
子 (monkey )、 能 猫 ( panda )、 袋 能 〈wombat ) 和 水 母 ( sea nettle )。 从 实现 Dog 类 开始 ,一 个 Dog 
对 象 有 年 龄 变量 age ( 整数 ), 还 有 eat()、sleep() 和 bark() 气 数 (分 别 对 应 吃饭 \ 睡觉 和 呐 叫 )。 
class Dog{ 
int age; 


Dog(){ 狗 和 猫 都 有 的 变量 (age) 和 函数 (eat()、 
sleep()) 











age = 0; 
} 


void eat() { 
println("Yum!"); 


} 


void sleep() { 
println("Zzzzzz"); 


} 


void bark() { 狗 会 呈 叫 ， 所 以 还 有 个 特殊 的 bark() 涵 数 
println("WOOF!"); 
} 


} 
下 面 ， 我 们 开始 实现 cat 类。 
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class Cat { 
int age; 


Cat() { 
age = 0; 

} 

void eat() { 
println("Yum!"); 


} 
void sleep() { 
println("Zzzzzz"); 


void meow() { 
printLn(" MEOW!") ; 
} 
} 


我 们 还 要 为 鱼 、 马 、 考 拉 和 狐 猴 分 别 写 炎 重 写 同 样 的 代码 , 这 样 的 实现 过 程 难免 重复 而 单调 。 
我 们 应 该 实现 一 个 沁 型 的 动物 类 ( Animal ) 用 于 摘 述 各 种 类 型 的 动物 。 所 有 动物 部 会 吃 和 睡 ， 
因此 我 们 可 以 说 : 

口 狗 是 动物 的 一 种 ， 它 拥有 动物 的 所 有 属性 ， 动 物 能 做 什么 ， 它 就 能 做 什么 ， 除 此 之 外 ， 








它 还 会 喘 叫 ; 
口 猫 是 动物 的 一 种 ， 它 拥有 动物 的 所 有 属性 ， 动 物 能 做 什么 ， 它 就 能 做 什么 ， 除 此 之 外 ， 
它 还 会 噶 吐 叫 。 


继承 让 上 述 需 求 的 实现 成 为 可 能 。 通过 继承 , 类 可 以 从 其 他 类 中 继承 属性 ( 变量 ) 和 功能 ( 方 
法 )。Dog 类 是 Animal 类 的 子 类 ， 子 类 目 动 从 父 类 中 继承 所 有 变量 和 滑 数 ， 除 此 之 外 ， 了 于 类 还 可 
以 有 父 类 没有 的 函数 和 变量 。 继 承 关 系 符合 树 形 结构 ， 就 像 是 一 棵 不 断 演化 的 “生命 之 树 ”"。 比 
如 ， 狗 继承 日 厂 类 ， 厂 类 继承 目 哺 乳 动物 ， 而 哺乳 动物 则 继承 日 动物 。 








下 面 是 继承 的 境 法 。 


class Animal { AnimatL 类 是 父 类 ( 即 超 类 ) 


int age; Dog 类 和 (Cat 类 会 继承 age 变量 
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Animal() { 
age = 0; 
} 


void eat() { Dog 类 和 (Cat 类 会 继承 eat() 和 StLeep() 有 马 数 
println("Yum!"); 


} 


void sleep() { 
println("Zzzzzz"); 


} 
} 


class Dog extends Animal { “extends AnimaL” 指 Dog 类 是 AnimatL 类 的 子 类 
Dog() { 
super(); Super() 函 数 执行 父 类 中 的 代码 
} 
void bark() { 我 们 在 子 类 中 定义 bark() 有 函数 ,因为 它 不 是 父 类 的 
一 部 分 
println("WOOF!"); 


} 


class Cat extends Animal { 
Cat() { 
Super () ; 


} 


voijid meow() { 
println("MEOW!").; 
} 
} 


这 里 有 两 个 新 关键 字 ， 如 下 。 


口 Extends 该 关键 词 指出 当前 类 的 父 类 。 注 意 ， 类 只 能 和 耻 接 继承 一 个 父 类 ， 尺 管 如 此 ， 
类 的 父 类 可 以 继承 其 他 类 。 举 个 例子 ， 狗 继承 目 动 物 ， 梗 厂 则 继承 目 狗 。 继 承 关 系 会 日 
下 而 上 一 直 延 续 下 去 。 

口 super()” 它 会 调用 父 类 的 构造 阴 数 。 换 名 话说， 你 在 父 类 的 构造 函数 中 做 了 什么 ,于 
类 的 构造 了 兄 数 也 会 做 同样 的 事情 , 除了 调用 super() 隐 数 , 你 还 可 以 在 子 类 的 构造 汕 数 中 
进行 子 类 专 有 的 初始 化 操作 。 如 末 父 类 的 构造 孙 数 各 有 参数 ，super() 函数 也 带 有 相同 的 
参数 。 


子 类 可 以 拥有 父 类 没有 的 功能 和 属性 。 比 如 : 我 们 可 以 假设 狗 对 象 除了 年 龄 变量 , 还 有 一 个 
代表 毛发 颜色 的 变量 ， 在 构造 晒 数 中 ， 这 个 变量 被 设 成 一 个 随机 值 。 实 现 如 下 : 


class Dog extends Animal { 





LA 
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color haircoLor， 子 类 可 以 引入 父 类 没有 的 新 变量 


Dog() { 
super(); 
haircolor = color(random(255)):; 


} 


void bark() { 
printLn("WOOFL”) ; 
} 
} 
注意 上 面 的 类 如 何 通 过 super() 凶 数 调用 父 类 的 构造 函数 ,在 父 类 的 构造 汝 数 中 ,年 龄 ( age ) 
变量 被 设 为 0， 但 是 毛发 闫 色 ( haircolor ) 变量 的 设置 是 在 子 类 的 构造 函数 中 完成 的 。 如 果 和 狗 
对 象 的 进食 行为 和 一 般 动 物 不 同 ， 只 需要 在 子 类 中 重新 定义 eat ( ) 函数 ， 把 父 类 中 的 同名 郴 效 履 
盖 即 可 。 


class Dog extends Animal { 
color haircolor.; 


Dog() { 
Super () ; 


haircolor = color(random(255)):; 





} 

void eat() { 子 类 可 以 补益 多 类 的 涵 数 
printLn("Woof! Woof! Slurp."); Dog 类 特有 的 进食 行为 

} 


void bark() { 
printLn("WOOFL”) ; 
} 
} 


但 如 末 狗 的 进食 行为 和 普通 动物 一 样 , 仅仅 是 多 了 部 分 功能 , 这 时 候 又 该 怎么 实现 ?了 于 类 可 
以 调用 父 类 的 函数 ， 再 加 入 属于 目 吴 的 定制 代码 。 


class Dog extends Animal { 
color haircolor.; 








Dog() { 
super(); 
haircolor = color(random(255)):; 


} 


void eat() { 


super.eat(); 调用 AnIimatL 类 的 eat() 函 数 。 子 类 可 以 调用 父 类 的 
函数 ， 也 可 以 加 入 自己 的 实现 
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println("Woof!!!"); 为 狗 特殊 的 进食 行为 加 入 额外 的 代码 
} 


void bark() { 
println("WOOF!"); 


} 


4.8 用 继承 实现 粒子 类 
我 们 已 经 掌握 了 继承 的 理论 知识 和 语法 ， 下 面 要 在 粒子 类 上 实践 继承 的 用 法 。 
我 们 先 复习 一 个 简单 的 Particle 类 实现 ， 下 面 的 例子 是 示例 代码 4-1 的 简化 版 。 
class Particle { 
PVector location; 


PVector velocity; 
PVector acceleration; 





Particle(PVector L) { 
acceleration = new PVector(0,0.05) ; 
velocity = new PVector(random(-1,1),random(-2,0)); 
Location = \.get(); 


} 

void run() { 
update ( ) ; 
display(); 


} 


void update() { 
velocity.add(acceleration); 
Location,add(veLocity ) ; 


} 


void display() { 
fill(0); 
ellipse(location.x,location.y,8,8); 


} 

下 一 步 ， 我 们 创建 一 个 子 类 ( 类 名 为 Confetti )， 让 它 继 承 Particle 类 。Confetti 类 会 从 
Particle 类 中 继承 所 有 的 变量 和 方法 , 我 们 还 要 为 它 定义 自己 的 构造 函数 , 并 通过 super() 困 数 
调用 父 类 的 构造 函数 。 


class Confetti extends Particle { 





我 们 可 以 在 这 里 加 入 Confetti 专 有 的 变量 


Confetti(PVector L) { 
super(1); 
} 
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这 里 没有 update () 的 实现 ， 因 为 我 们 从 父 类 中 继 


承 了 update( ) 函数 
void display() { 徐 盖 dijsplay 方 法 
rectMode (CENTER); 
fill(175); 
stroke(0); 


rect(location.x, location.y, 8, 8); 


} 


可 以 把 本 例 实现 得 稍微 复杂 一 些 ， 让 Confetti 粒 子 像 苍蝇 一 样 在 空中 飞 动 旋转 。 对 此 ， 可 
以 用 第 3 章 里 的 角速度 和 角 加 速度 实现 旋转 ， 但 我 们 打算 用 一 种 更 简单 的 解决 方案 。 


我 们 知道 粒子 的 x 坐标 ， 它 的 值 介 于 0 和 窗口 宽度 之 间 。 我 们 息 要 实现 这 样 的 双生 : 如 果 粒 子 
的 x 坐标 为 0， 它 转动 的 角度 也 是 0; 如 采 x 坐 标 等 于 窗口 宽度 ， 它 转动 的 角度 就 等 于 2fr。 对 此 ， 你 
有 没有 一 二 想法 ? 是 的 ， 有 们 起 把 革 个 区间 内 的 人 有 到 男人 区间 ，Processing 的 map ( ) 图 数 正 
好 能 完成 这 样 的 操作 。 我 们 曾 在 引言 中 学 习 过 这 个 机 数 的 具体 用 法 。 


float angle = map(Location.x,0,width,0,TWO PI); 
如 果 要 让 旋转 效果 更 加 明显 ， 我 们 可 以 把 角度 映射 到 0 和 2n*2 之 间 。 在 display() 函数 中 加 
人 以 上 你 辑 : 


void display() { 
float theta = map(location.x,0,width,0,TWO PI*2),; 












































rectMode (CENTER): 
fiLL(0,Lifespan) ; 
stroke(0, lifespan); 


pushMatrix(); 使 用 rotate() 函数 之 前 ， 
translate(location.x, location.y); 我 们 必须 熟 六 变换 。 

rotate (theta); 如 果 想 了 解 更 多 ， 可 以 访问 : 

rect(0,0,8,8); http://processing.org/learning/trans 
popMatrix(); form2d/ 


练习 4.7 


余 了 能 用 map() 函数 计算 旋转 的 角度 theta (90), 还 能 用 什么 方法 模拟 角速度 和 和 角 加 速 





我 们 已 经 学 会 如 何 让 Confetti 类 继承 Particle 类 ,下 面 要 开始 学 习 如 何 让 粒子 系统 类 同时 
管理 不 同类 型 的 粒子 。 为 了 达到 这 个 目的 ， 让 我 们 回 到 之 前 的 动物 世界 ,看 看 如 何 将 多 态 的 概念 
运用 在 此 处 。 
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4.9 多 态 基础 


有 了 继承 之 后 ,我 们 就 可 以 开始 对 丰富 的 动物 世界 建 模 了 ,按照 之 前 的 思路 , 我们 可 能 会 建 
立 多 个 ArrayList 一 一 每 个 ArrayList 分 别 存放 一 种 动物 , 比如 狗 的 ArrayList, 猫 的 ArrayList 
和 乌龟 的 ArrayList 等 。 


ArrayList<Dog> dogs new ArrayList<Dog>(); 每 种 动物 都 有 单独 的 ArrayList 
ArrayList<Cat> cats new ArrayList<Cat>() ; 

ArrayList<TurtLe> turtles = new ArrayList<Turtle>(); 

ArrayList<Kiwi> kiwis = new ArrayList<Kiwi>(); 


for (int i = 0; i < 10; i++) { 
dogs.add(new Dog()); 

} 

for (int i = 0; i < 15; i++) { 
cats.add(new Cat()); 

} 

for (int i = 0; i < 6; i++) { 
turtles.add(new Turtle()); 

} 

for (int i = 0; i < 98; i++) { 
kiwis.add(new Kiwi()); 


} 


随 着 时 间 流 渤 ， 动物 们 感到 饥饿 ， 于 是 开始 进食 。 下 面 我 们 分 别 遍 历 这 几 个 ArrayList， 对 
每 个 对 象 都 调用 eat ( ) 函数 。 


for (Dog d: dogs) { 对 每 种 动物 都 执行 循环 
d.eat(); 

} 

for (Cat c: cats) { 
Cc. eet(): 

} 

for (Turtle t: turtles) { 
weaili (全 下 

} 

for (Kiwi k: kiwis) { 
k.eat(); 

} 


上 面 的 代码 运行 正常 , 但 动物 世界 会 不 断 扩 张 ， 物种 也 会 越 来 越 多 ， 到 后 面 我 们 会 发 现 , 重 
复 编写 这 些 循环 是 一 件 抹 烦 的 事情 。 真有 必要 做 这 些 事情 吗 ? 试想 , 这 里 的 对 象 午 是 动物 ， 而 动 
物 都 有 进食 的 行为 ,为 什么 不 只 创建 一 个 存放 动物 对 象 的 ArrayList， 把 这 些 不 同 种 类 的 动物 都 放 


进 这 个 ArrayList 呢 ? 











ArrayList<Animal> kingdom = new ArrayList<Animal>(); 
将 所 有 动物 都 放 在 同一 个 ArrayList 中 
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for (int i = 0; i < 1000; i++) { 
if (i < 100) kingdom.add (new Dog()); 
else if (i < 400) kingdom.add(new Cat()); 
else if (i < 900) kingdom.add(new Turtle()); 
else kingdom.add (new Kiwi()); 


for (Animal a: kingdom) { 
a.eat(); 





Dog 对 象 可 以 当 作 Dog 类 的 实例 ， 也 可 以 当 作 Animat 类 的 实例 ， 这 就 是 多 态 的 一 个 例子 。 多 
态 (polymorphism， 源 目 硕 腊 语 polymorphos， 指 多 种 形态 ) 指 的 就 是 把 一 个 实例 对 象 当 作 多 重 形 
态 。D0g 对 象 肯定 是 Dog 类 的 实例 ，Dog 类 同时 继承 自 Animal 类 ， 因 此 D0g 对 象 也 可 以 当 作 Animal 
类 的 实例 。 在 代码 中 ， 我 们 可 以 用 这 两 种 类 型 引用 对 和 象 。 


Dog rover = new Dog(); 
Animal spot = new Dog(); 


尽管 第 二 行 代码 看 起 来 不 符合 语法 规则 , 但 这 两 种 声明 方式 都 是 合法 的 。 虽然 spot 被 声明 为 
Animal 对 名， 但 它 是 一 个 Dog 对 象 ， 可 以 放 在 spot 变 量 中 。 我 们 可 以 用 spot 变 量 安全 地 调用 
Animal 类 的 所 有 方法 ， 因 为 继承 的 规则 表明 : 狗 可 以 做 动物 做 的 任何 事情 。 

假如 Dog 类 和 窗 盖 了 Animal 类 的 eat() 阴 数 ， 会 发 生 什么 ” 尺 省 spot 被 声明 为 Animal 对 象 ， 
Java 还 是 会 把 它 当 作 Dog 类 的 实例 ， 因 此 会 调用 Dog 类 的 eat ( ) 函数 。 

在 数组 或 ArrayList 的 使 用 过 程 中 ， 这 些 概念 和 规则 都 非常 有 用 。 














4.10 用 多 态 实 现 粒 子 系统 


我 们 假设 没有 多 态 的 存在 , 这 时 要 实现 前 面 的 粒子 系统 类 , 使 粒子 系统 同时 包含 多 个 粒子 对 
象 和 Confetti 对 象 。 


class ParticleSystem { 


ArrayList<Particle> particles; 两 个 列表 ， 所 以 我 们 要 重复 操作 两 次 ! 
ArrayList<Confetti> confetti; 


PVector origin; 


ParticleSystem(PVector location) { 
origin = location.get(); 
particles = new ArrayList<Particles>(); 两 个 列表 ， 所 以 我 们 要 重复 操作 两 次 | 
confetti = new ArrayList<Confetti>(); 


} 
void addParticle() { 


particles.add(new Particle(origin)); 两 个 列表 ， 所 以 我 们 要 重复 操作 两 次 | 
particles.add(new Confetti(origin)); 
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} 


void run() { 
Iterator<Particle> it = particles.iterator(); 两 个 列表 ， 所 以 我 们 要 重复 操作 两 次 | 
while (it.hasNext()) { 
Particle p = it.next(); 
p.run(); 
if (p.isDead()) { 
It.remove( ) ; 
} 
} 


it = confetti.iterator(); 
while (it.hasNext()) { 
Confetti c = it.next(); 
c.run(); 
if (c,isDead()) { 
It. remove ; 


} 


} 


上 述 代 码 创建 了 两 个 列表 ， 一 个 用 于 存放 粒子 对 象 ， 男 一 个 用 于 存放 Confetti 对 象 。 我 们 
要 对 同样 的 操作 重复 两 次 ! 有 了 面 回 对 象 的 多 态 ， 以 上 代码 就 能 得 到 简化 : 只 需 创 建 一 个 
ArrayList， 同 时 存放 粒子 对 象 和 Confetti 对 象 。 我 们 并 不 需要 关心 获得 的 对 象 属于 什么 类 型 ， 
多 态 会 蔡 我 们 完成 这 些 事情 !〈 主 程序 和 其 他 类 的 代码 并 没有 发 生变 化 ， 因 此 这 里 没有 列 出 这 些 
代码 ， 你 可 以 在 网 站 上 下 载 完整 的 代码 。) 








_4 05 ParticleSsystemlnheritancePolymorphism 





示例 代码 4-5 ”粒子 系统 的 继承 和 多 态 


class ParticleSystem { 
ArrayList<Particle> particles; 单个 列表 ， 所 有 粒子 对 象 或 者 粒子 子 类 对 象 都 放 在 
1 


PVector origin; 


ParticleSystem(PVector location) { 
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origin = location.get(); 
particles = new ArrayList<Particle>(); 


} 


void addParticle() { 
fLoat r = random(1); 


TTE(OrEE OO 5) ET 每 种 粒子 的 添加 概率 都 是 505 
particles.add(new ParticLe(origin) ) ; 
} else { 


particles.add(new Confetti(origin) ) ; 
} 
} 


void run() { 
Iterator<Particle> it = particles.iterator(); 
while (it.hasNext()) { 


Particle p = it.next(); 多 态 允 许 我 们 把 所 有 东西 都 当成 一 个 粒子 对 和 象 ， 不 
管 它 是 粒子 还 是 Confetti 
p. run(); 
if (p.isDead()) { 
it.remove(); 
} 


练习 4.8 
创建 一 个 粒子 系统 ， 系 统 中 存在 不 同 “ 类 型 ”的 粒子 (不 只 是 外 形 有 差异 ) 如何 用 继承 处 


理 粒 子 的 不 同行 为 ? 





4.11 受 力作 用 的 粒子 系统 


目前 为 止 ,我 们 的 注意 力 都 放 在 这 两 个 问题 上 : 如 何 用 面向 对 象 方法 组 织 程序 结构 ; 如 何 管 
理 粒子 的 集合 。 你 可 能 已 经 注意 到 了 ,本 半 我 们 无 意识 地 回顾 了 前 面 几 革 人 研究 过 的 知识 点 。 让 我 
们 来 看 看 粒子 类 的 构造 水 数 。 

Particle(PVector 1) { 

acceleration = new PVector(0, 0.05); 将 加 速度 设 为 常量 

















velocity = new PVector(random(-1, 1), random(-2, 0)); 
location = \.get(); 
lifespan = 255.0; 


} 
然后 再 来 看 看 update( ) 函数 的 实现 。 
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void update() { 


} 


velocity.add(acceleration); 
location.add(velocity); 


// 对 加 速度 清 零 的 代码 去 哪儿 了 ? 


Lifespan -= 2.0; 








以 上 儿子 类 《Particte ) 中 的 加 速度 是 一 个 凋 量 ， 它 从 来 不 会 发 生变 化 。 然 而 ， 一 个 更 好 
的 模拟 框架 应 该 但 循 牛顿 第 二 定律 (F = M * A) ， 并 能 将 第 2 章 中 力 的 素 加 算法 作用 在 粒子 上 ， 
下 面 就 让 我 实现 这 样 的 特性 。 


第 一 步 ,我 们 需要 添加 一 个 appLyForce() 函 数 。( 记 住 : 在 将 力 向 量 除 以 质量 之 前 , 我 们 要 
先 创 建 一 个 副本 。) 


void appLyForce(PVector force) { 


} 











PVector f = force.get!(); 
f.div(mass); 
acceleration.add(f); 


我 们 还 要 在 update( ) 也 数 中 多 加 一 行 代 码 ， 用 于 清除 之 前 的 加 速度 。 


vold update() { 


velocity.add(acceleration); 
location.add(velocity); 


acceleration.mult(0); 在 这 里 对 加 速度 清 堆 | 
lifespan -= 2.0; 

} 

下 面 束 是 这 个 完整 的 Particle 类 


class Particle { 


PVector Location， 
PVector velocity; 
PVector acceleration; 
float lifespan; 


float mass = 1; 我 们 可 以 改变 加 速度 ， 从 而 得 到 更 有 趣 的 效果 | 


Particle(PVector L) { 


acceleration = new PVector(0,0); 从 加 速度 为 0 开始 
velocity = new PVector(random(-1,1),random(-2,0)); 
Location = \l.get(); 

Lifespan = 255.0; 


} 


void run() { 
update(); 
display(); 
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} 
void applyForce(PVector force) { 牛顿 第 二 定律 和 力 的 累加 
PVector f = force.get!(); 
f.div(mass); 
acceleration.add(f); 
} 
void update() { 标准 的 Update( ) 函数 
velocity.add(acceleration); 
Location.add(veLocity ) ; 
acceleration.mult(0); 
lifespan -= 2.0; 
} 
void display() { 粒子 是 一 个 贺 
stroke(255, lifespan); 
fill(255, lifespan); 
ellipse(location.x,location.y,8,8); 
} 
boolean isDead() { 粒子 是 否 已 经 死亡 ? 
if (lifespan < 0.0) { 
return true; 
} else { 
return false,; 
} 
} 


完成 Particle 类 之 后 ,我 们 还 有 一 个 很 重要 的 问题 ， 在 何 处 调用 appLyForce() 因数 ， 即 在 
代码 的 哪个 位 置 实现 力 对 粒子 的 作用 ? 事实 上 , 这 个 问题 没有 绝对 正确 的 答案 , 它 取决 于 你 的 具 
体 需 求 。 话 虽 如 此 , 但 我 们 还 是 可 以 实现 一 种 适用 于 大 部 分 情况 的 通用 解决 方案 ， 并 构造 一 个 模 
型 应 用 于 每 个 粒子 都 受 力 的 作用 的 系统 。 


假设 我 们 要 实现 以 下 需求 : 在 每 次 调用 draw() 函数 时 ， 都 将 力作 用 在 每 个 粒子 上 。 假 设 这 
是 一 个 向 下 的 力 ， 类 似 重力 。 

PVector gravity = new PVector(0,0.1); 

我 们 要 在 draw( ) 函数 中 实现 力 的 作用 ， 先 看 看 draw( ) 函数 中 有 什么 内 容 。 


void draw() { 
background(100 ) ; 
ps.addParticle(); 
ps.run(); 














} 
现在 我 们 碰 到 了 一 个 小 问题 ，applyForce() 是 粒子 类 的 方法 , 但 是 我 们 没 法 在 draw( ) 函数 
中 引用 任何 粒子 对 象 ， 这 里 只 有 一 个 粒子 系统 对 象 : 变量 ps。 
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由 于 系统 内 的 所 有 粒子 都 受 力 的 作用 ,所 以 我 们 可 以 把 力作 用 在 粒子 系统 上 , 粒子 系统 再 将 
这 个 力 传递 给 每 个 粒子 。 


void draw() { 
background(100 ) ; 


PVector gravity = new PVector(0, 0.1); 
ps.applyForce(gravity); 把 力作 用 在 粒子 系统 上 


ps.addParticle(); 
ps.run(); 


} 

如 有 果 要 在 draw( ) 函数 中 调用 粒子 系统 的 新 函数 ， 我 们 必须 在 粒子 系统 类 中 定义 这 个 卫 数 。 
该 孔 数 的 作用 是 : 传人 力 问 量 ， 将 力作 用 在 每 个 粒子 上 。 

代码 如 下 : 


void appLyForce(PVector f) { 
for (Particle p: particles) { 
p.applyForce(f); 





} 
} 


这 个 函数 实现 起 来 非常 简单 ， 它 的 功能 只 是 “将 力作 用 在 粒子 系统 上 ， 系统 再 将 力作 用 在 每 
个 粒子 上 ”。 这 是 一 种 非常 合理 的 程序 结构 。 因 为 粒子 系统 对 象 的 职责 是 管理 粒子 ， 如 果 要 操纵 
粒子 , 我 们 必须 通过 粒子 的 管理 者 一 粒子 系统 。( 还 有 , 这 里 可 以 使 用 改进 型 for 循 环 , 因为 我 
们 不 会 在 遍历 过 程 中 删除 任何 元 素 ! ) 

下 面 有 一 个 完整 的 示例 代码 ( 不 包含 前 面 实现 的 Particte 类 ,因为 我 们 不 需要 修改 Particte 














_4 06 ParticleSystemForces 





示例 代码 4-6 ” 受 力作 用 的 粒子 系统 
ParticleSystem ps ; 


void setup() { 
size(200,200); 
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smooth(); 
ps = new ParticleSystem(new PVector (width/2,50)); 
} 
void draw() { 
background(100 ) ; 
PVector gravity = new PVector(0,0.1); 这 个 力 将 作用 在 所 有 粒子 上 


ps.applyForce(gravity); 


ps.addParticle(); 
ps.run(); 


} 


class ParticleSystem { 
ArrayList<Particle> particles,; 
PVector origin; 


ParticleSystem(PVector location) { 
origin = location.get(); 
particles = new ArrayList<Particle>(); 


} 





void addParticle() { 
particles.add(new Particle(origin)); 


} 


void applyForce(PVector f) { 


for (Particle p: particles) { 用 改进 型 for 和 循环 遍 历 所 有 粒子 
p.applyForce(f); 
} 


} 


void run() { 
Iterator<Particle> it = particles.iterator(); 这 里 不 能 使 用 改进 型 for 篇 环 ， 因 为 我 们 要 在 遍历 


while (it.hasNext()) { 过 程 中 删除 元 素 
Particle p = (Particle) it.next(); 
p. run(); 


if (p.isDead()) { 
it.remove(); 


} 


4.12 ”和 珊 排 斥 对 象 的 粒子 系统 


我 们 想 进 一 步 优化 这 个 粒子 系统 ， 在 其 中 加 入 一 个 排斥 对 象 (Repetter ) 一 排斥 对 象 的 
作用 力 和 第 2 章 中 的 引力 相反 ,排斥 对 象 对 其 他 对 象 有 斥 力作 用 ， 以 防止 对 方 靠近 。 这 个 特性 实 
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现 起 来 比较 复杂 ， 和 重力 不 同 ，Attractor 或 者 Repeller 对 每 个 粒子 的 作用 力 都 不 相同 ， 我 们 
需要 逐个 计算 。 


AN 


J 
9090 
图 4-3 ”重力 一 一 每 个 力 癌 量 都 相同 图 4-4 引力 一 一 每 个 力 癌 量 都 不 同 


我 们 打算 在 上 面 的 示例 程序 中 加 入 这 个 排斥 对 象 。 我 们 需要 加 入 两 个 额外 的 功能 点 : 


(1) 排 帮 对象 ( 声明、 初始 化 和 显示 ); 
(2) 在 粒子 系统 中 加 入 一 个 新 函数 ， 该 函数 以 RepeLLer 对 象 为 参数 ， 它 的 功能 是 将 排斥 力作 
用 在 每 个 粒子 上 。 


ParticleSystem ps ; 











RepeLLer repreLtLer; 新 代码 : 声明 一 个 排斥 对 象 


void setup() { 
size(200, 200); 
smooth(); 
ps = new ParticleSystem(new PVector(width/2, 50)); 
repeller = new Repeller(width/2-20，height/2); 新 代码 : 初始 化 排斥 对 和 象 


} 
void draw() { 


background(100 ) ; 
ps.addParticle(); 


PVector gravity = new PVector(0, 0.1); 
ps.applyForce(gravity); 


ps.applyRepeller (repeller); 新 代码 : 该 函数 将 排斥 对 象 的 斥 力作 用 在 
柱 了 不 统 人 | 

ps.run(); 

repeller .display(); 新 代码 : 实现 排斥 对 象 


} 
实现 排斥 对 象 很 容易 ， 它 和 第 2 草 示 例 代 码 2-6 中 Attractor 类 的 代码 一 样 。 
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class Repeller { 
PVector location; 排斥 对 象 并 不 移动 ， 所 以 你 只 需要 知晓 位 置 即 可 


float r = 10， 


Repeller(float x, float y) { 
Location = new PVector(x,y); 


} 

void display() { 
stroke(255); 
fiLL(255 ) ; 


ellipse(location.x, location.y, r*2, r*2); 


} 

难题 是 : 如 何 实 现 addlyForceRepeller() 了 函数 ?在 前 面 的 applyForce() 拯 数 中 ， 我 们 需 
要 传人 一 个 问 量 对 象 ; 而 这 里 要 传人 一 个 排斥 对 象 ,并 用 晒 数 计算 排斥 对 象 对 每 个 粒子 的 排斥 力 。 
下 面 ， 让 我 们 比较 这 两 个 晒 数 的 实现 。 











applyForce() applyRepeller 
void appLyForce(PVector f) { void applyRepeller(Repeller r) { 
for (Particle p: particles) { for (Particle p: particles) { 
p.applyForce(f); PVector force = r.repel(p); 
} p.applyForce(force); 
} } 
} 


这 两 个 孔 数 的 实现 几乎 相同 , 只 有 两 个 不 同 点 。 我 们 已 经 提 过 第 一 个 不 同 点 一 一 后 者 的 函数 
参数 是 排斥 对 象 ， 而 不 是 力 和 癌 量 。 第 二 个 不 同 点 很 重要 ， 我们 必须 要 为 每 个 粒子 分 别 计算 排斥 力 
问 量 ， 并 将 这 之 个 力 问 量 作用 在 相应 的 粒子 上 。 如 何 计 算 排 斥 力 回 量 ?” 我 们 打算 在 repetL() 函数 中 
计算 排斥 力 ， 这 个 函数 和 Attractor 类 中 的 attract() 函数 恰好 相反 。 











PVector repel(Particle p) { 计算 步骤 和 引力 的 计算 相同 ， 只 有 方向 相反 


PVector dir = 1) 获取 力 的 方向 
PVector.sub(Location，p.Location) ; 


float d = dir.mag(); 2) 获 取 距 离 (限制 距离 ) 
d = constrain(d, 5, 100); 


dir.normalize(); 


float force = -1 * G/ (d * d); 3) 计 算 大 小 
dir.mult(force); 4) 组 合 方向 和 大 小 
return dir; 
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请 注意 一 个 关键 点 ， 在 加 入 排斥 对 象 的 整个 过 程 中 ， 我 们 从 来 没有 直接 在 Particle 类 上 作 





任何 修改 。 粒 子 不 需要 知道 外 部 环境 的 细节 ， 它 只 需 


外 力作 用 。 





要 管 理 日 身 的 位 置 、 速 度 和 加 速度 ， 并 接受 


下 面 ， 让 我 们 看 看 本 例 的 全 部 代码 ， 这 里 还 是 忽略 了 Particte 类 ， 因 为 我 们 没有 对 它 作 任 


s 


何 修 改 。 


_4 07_ParticleSystemForcesRepeller 





示例 代码 4-7 带 Repeller 的 粒子 系统 
ParticleSystem ps ; 
Repeller repeller.; 


void setup() { 
size(200,200); 
smooth(); 


粒子 系统 


排斥 对 象 


ps = new ParticleSystem(new PVector (width/2,50)); 


repeller = new Repeller(width/2-20,height/2); 


} 


void draw() { 
background(100 ) ; 
ps.addPartictLe() ; 


PVector gravity = new PVector(0, 0.1); 


ps.applyForce(gravity); 
ps.applyRepeller(repeller); 


ps.run(); 
repeller.display(); 
} 


class ParticleSystem { 


ArrayList<Particle> particles,; 
PVector origin; 


ParticleSystem(PVector location) { 
origin = location.get(); 
particles = new ArraryList<Particle>(); 


个 会合 的 宣 力 


重力 作用 


管理 所 有 粒子 的 粒子 系统 类 


4.12 ”市 排斥 对 畸 的 粒子 系统 155 


} 


void addParticte() { 
particles.add(new Particle(origin)); 


} 
void appLyForce(PVector f) { 将 力作 用 在 粒子 上 
for (Particle p: particles) { 
p.applyForce(f); 
} 
} 


void applyRepeller(Repeller r) { 
for (Particle p: particles) { 根据 Repeller 计 算 每 个 粒子 受到 的 斥 力 
PVector force = r.repel(p); 
p.applyForce(force); 


} 


void run() { 
Iterator<Particle> it = particles.iterator(); 
while (it.hasNext()) { 
Particle p = (Particle)it.next(); 
p. run(); 
if (p.isDead()) { 
it. remove(); 





} 


} 

class Repeller { 
float strength = 100; 斥 力 的 强 弱 
PVector Location， 


float r = 10; 


Repeller(float x, float y) { 
Location = new PVector(x,y); 


} 

void display() { 
stroke(255); 
fill(255); 


ellipse(location.x, location.y, r*2, r*2); 


} 


PVector repel(Particle p) { 
PVector dir = PVector,.sub(location, p.location); 使 用 第 2 章 提 出 的 算法 : 计算 引 ( 斥 ) 力 
float d = dir.mag(); 
dir.normalize(); 
d = constrain(d, 5, 100);， 


156 第 4 章 粒子 系统 


float force = -1 * Strength / (d * d); 
dir.mult(force); 
return dir; 


扩展 上 面 的 例子 ,使 其 包含 多 个 Repeller (使 用 数组 或 者 ArrayList )。 


练习 4.10 


创建 一 个 粒子 系统 ， 使 其 中 的 任何 粒子 之 间 都 有 相互 的 作用 力 。( 在 第 6 章 ， 我 们 会 详细 学 
习 这 个 问题 的 实现 。) 





4.13 图 像 纹 理 和 加 法 混合 

尽管 本 书 关注 的 重点 是 程序 的 行为 和 算法 , 不 是 计算 机 图 形 学 和 设计 , 但 既然 谈 到 粒子 系统 ， 
我 们 还 是 有 必要 探讨 一 下 用 粒子 纹理 化 洽 染 图 像 的 例子 。 在 你 在 设计 特效 时 ,如 何 选择 粒子 的 绘 
制 方式 往往 是 个 难题 。 

下 面 让 我 们 来 看 一 个 烟 效 模拟 示例 。 我 们 先 看 看 以 下 两 幅 图 像 。 




















4 08 Particlesystemsmoke 个 4 08 Particlesystemsmoke 





图 B: 带 透明 度 的 模糊 图 像 
这 两 幅 图 像 是 由 同一 个 算法 生成 的 。 唯 一 的 区 别 是 : 在 图 A 中 ， 每 个 粒子 的 图 像 都 是 白色 的 








圆 ， 而 在 图 B 中 ， 每 个 粒子 的 图 像 都 是 “模糊 ”的 点 。 


好 消息 是 : 你 并 不 需要 付出 多 大 的 努力 ， 就 能 得 到 这 样 的 效果 。 在 开始 编码 前 ， 我们 应 该 先 
准备 好 纹理 图 像 。 我 建议 你 使 用 PNG 格 式 的 图 像 ， 因为 在 绘制 图 像 时 , Processing 会 为 你 保留 PNG 
的 alpha 通 道 ( 透明 度 )， 这 是 你 将 这 些 纹理 作为 粒子 登 加 泻 梁 时 所 必须 的 。 一 旦 你 将 PNG 图 像 
放 到 Sketch 的 data 目 录 中 ， 后 续 只 要 写 少 量 代 但 就 可 以 完成 这 个 功能 。 
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A 
4 


首先 ， 我 们 需要 声明 一 个 PImage 对 象 。 


示例 代码 4-8 ”粒子 系统 图 像 纹 理 
PImage img; 


在 setup() 图 数 中 加 载 图 像 。 


void setup() { 
img = loadImage("texture.png"); 加 载 PNG 图 像 


} 
下 面 开始 绘制 粒子 ， 和 前 面 的 椭圆 或 者 矩形 不 同 ， 这 次 我 们 将 用 图 像 对 象 绘制 这 些 粒 


void render() { 
imageMode (CENTER); 


tint(255, lifespan); tint() 和 和 前面 的 fLLL() 作 用 相同 








ijmage(img, loc.x, loc.y); 


} 

人 页 巧 的 是 ， 本 例 让 我 们 有 机 会 复习 “引言 ”中 的 高 其 分布。 为 了 让 烟 效 显得 更 加 真实 ,我们 
不 想 用 完全 随机 的 方式 确定 粒子 的 运动 方向 , 我 们 想 让 速度 向 量 分 布 在 平均 值 附近 ( 在 两 侧 分 布 
的 概率 更 低 )， 这 样 一 来 ， 最 后 的 效 末 会 更 像 烟 (或 者 火焰 )， 而 不 会 像 顺 果 。 

假设 有 一 个 随机 数 对 象 generator， 我 们 可 以 用 以 下 方式 创建 初始 速度 : 


float vx (float) generator.nextGaussian()*0.3; 
float vy (float) generator.nextGaussian()*0.3 - 1.0; 
vel = new PVector(vx,vy); 


最 后 ， 烟 筋 还 受 风 力 的 作用 ， 风 力 的 大 小 由 鼠 标的 水 平 位 置 映射 得 到 。 


void draw() { 
background(0); 

















float dx = map(mouseX,0,width,-0.2,0.2); 
PVector wind = new PVector(dx,0); 风力 方向 指向 鼠标 位 置 


ps.appLyForce(wind ) ; 
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ps.run(); 
for (int i = 0; i < 2; i+t+) f 


在 每 一 轮 draw( ) 涵 数 中 加 入 两 个 粒子 
ps.addParticle(); 


} 


练习 4.11 


党 试 为 不 同 的 特效 创建 独特 的 纹理 图 案 ， 看 看 你 能 否 让 它 产 生火 焰 的 效果 ? 


练习 4.12 
创建 一 个 图 像 对 象 数组 , 将 这 些 不 同 的 图 像 分 别 赋 给 每 个 粒子 对 象 。 尽管 多 个 粒子 会 使 用 同 
一 个 图 像 ， 但 你 可 以 确保 不 重复 调用 LoadImage() 函 数 。 这 么 做 不 会 重复 加 载 同 一 张 图 像 。 








最 后 ,还 有 一 个 要 点 但 得 一 提 : 计算 机 图 形 学 有 很 多 颜色 混合 算法 , 这些 算法 通常 称 作 “ 混 合 
( blend ) 模式 "”。 在 Processing 中 ， 如 果 在 一 幅 图 像 之 上 绘制 另 一 幅 图 像 ， 默 认 显 示 最 上 层 图像 一 一 
这 通常 称 为 “常规 ”混合 模式 。 如 果 图 像 有 一 定 的 透明 度 ( 就 像 模拟 烟 效 程序 中 用 到 的 网 像 )， 
Processing 会 使 用 aLpha 透 明度 混合 算法 将 一 定 比 例 的 硼 景 像 素 和 前 景 像 素 结合 起 来 , 混合 比例 根 
据 aLpha 值 确定 。 


除 此 之 外 , 我 们 还 可 以 使 用 其 他 混合 模式 ， 对 粒子 系统 来 说 ， 有 一 种 混合 模式 非常 适用 ,， 它 
就 是 “加 法 (additive ) 模式 ”。Processing 中 的 加 法 混合 模式 是 由 Robert Hodgin ( http://roberthodgin. 


com ) 开发 的 ， 他 在 粒子 系统 和 力 的 模拟 上 很 有 建树 。 他 开发 了 Magnetosphere， 后 来 成 为 ITunes 
的 可 视 化 效果 。 更 多 信息 请 见 Magnetosphere ( http://roberthodgin.com/magnetosphere-part-2/ )。 
































实际 上 ， 加 法 混合 是 最 简单 的 混合 算法 之 一 , 它 只 是 将 两 个 图 层 的 像 系 值 相 加 ( 当然 ， 相 加 
结 采 的 最 大 值 是 255 )， 节 后 形成 的 效 末 就 是 : 随 看 图 层 增 多 ， 色 彩 变 得 越 来 越 完 。 











_4 09 AdditiveBlending 





为 了 在 Processing 中 使 用 加 法 混合 ， 你 需要 使 用 P2D 或 者 P3D 泻 染 需 。 
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示例 代码 4-9 加 法 混合 


void setup() { 
size(200,200,P2D); 使 用 P2D 浴 染 器 


} 
在 绘制 图 形 之 前 ， 你 需要 调用 blendMode( ) 函数 用 于 设置 混合 模式 


void draw() { 





bLendMode(ADD ) ; 加 法 混合 
background (0 ) ; 注意 : 在 白色 背景 下 ， 加 法 混合 的 “累积 ”效果 并 
不 会 出 现 


在 这 里 绘制 其 他 粒子 


练习 4.13 


使 用 加 法 混合 模式 ， 结 合 tint() 函数 ， 


练习 4.14 


尝试 使 用 其 他 混合 模式 ， 比 如 SUBSTRACT、LIGHTEST、DARKEST、DIFFERENCE、 
EXCLUSION 或 者 MULTIPLY 模式 。 





生态 系统 项 目 

第 4 步 练 习 

在 第 3 步 的 基础 上 ， 创 建 一 个 由 生物 组 成 的 粒子 系统 。 如 何 让 系统 内 的 生物 产生 交互 ? 你 能 
否 使 用 继承 和 多 态 创 建 各 种 各 样 的 生物 , 而 且 让 它们 继承 自 同一 个 基 类 ? 你 可 以 设计 一 种 生物 竞 
争 资源 ( 比如 食物 ) 的 规则 ， 用 粒子 的 生存 期 变量 表示 生物 的 “生存 状况 ”， 并 在 合适 的 时 间 将 
它们 从 系统 中 移 除 ， 然 后 再 设计 一 种 生物 诞生 的 规则 。 


( 除 此 之 外 ， 你 还 可 以 考虑 使 用 粒子 系统 绘制 生物 的 外 形 ， 如 果 粒 子 系 统 的 发 射 器 和 生物 的 
位 置 有 关 ， 会 发 生 什 么 ? ) 








“一 座 图 书馆 正 是 一 种 信仰 的 行为 ,证明 蚌 昧 无 知 的 人 们 ， 一 代 又 一 代 ， 在 茫茫 的 
黑夜 里 尊重 曙光 的 到 来 。 





维 克 多 , 雨 果 


在 学 习 本 章 内 容 之 前 ， 我 们 先 回顾 一 下 前 4 章 做 了 什么 。 


(1) 学 习 物 理 世 界 中 的 一 些 概念 ， 比 如 什么 是 同 量 ， 什 么 是 力 ， 以 及 什么 是 波 。 

(2) 理解 这 些 概念 背后 的 数学 和 算法 原理 。 

(3) 用 面 加 对象 方法 实现 这 些 算 法 。 

我 们 通过 这 些 活 动 开发 了 很 多 运动 模拟 程序 , 借 此 能 随心 所 欲 地 构建 虚拟 物理 世界 (无论 是 
现实 的 ， 还 是 想象 的 世界 )。 当 然 ， 我 们 并 不 是 第 一 批 这 么 做 的 人 。 计 算 机 图 形 学 和 编程 领域 有 
很 多 现成 代码 可 用 于 模拟 , 只 要 用 谷歌 搜索 关键 词 “open-source physics engine”( 开源 物理 引擎 )， 
你 就 能 找到 丰 宦 的 代码 库 。 说 到 这 里 ,我 们 必须 思考 一 个 问题 : 如 果 用 现成 的 代码 库 就 能 完成 物 
理 模 拟 ， 为 何 还 要 花 时 间 学 习 算 法 的 实现 过 程 ? 


这 关系 到 本 书 的 教学 理念 。 尽 管 很 多 物理 胃 数 库 能 提供 现成 的 物理 实现 《包括 一 些 高 级 的 物 
理学 原理 )， 但 在 使 用 它们 之 前 ， 我 们 仍 需 从 基础 开始 学 习 ， 原 因 有 很 多 : 第 一 ， 如 果 没 有 问 量 、 
力 和 三 角 咀 数 的 基础 知识 作为 铺垫 ,我 们 就 无 法 读 虱 库 的 文档 ; 第 二 , 尽管 库 会 答 我 们 完成 数学 
运算 ， 但 它 并 不 会 简化 代码 ， 后 面 我 们 会 看 到 ， 理 解 物理 函数 库 的 工作 原理 需要 花费 很 多 精力 ， 
学 会 如 何 使 用 它 也 不 是 一 件 容 易 的 事 ; 最 后 ， 有 了 这 些 基础 知识 ,如果 你 愿意 深入 探究 ， 完全 可 
以 按照 日 己 的 意愿 开发 和 模拟 可 视 化 程序 , 最 终 达 成 的 效果 也 可 以 妮 闫 这些 物理 函数 库 。 尺 管 库 
的 作用 很 大 ,但 它 的 功能 有 限 ， 在 用 Processing 编 程 时 ， 你 需要 知道 何 时 在 限制 中 行事 ， 何 时 突 
破 限 制 。 


本 章 致力 于 讲解 两 个 开源 物理 库 Box2D 和 toxiclibs 中 的 VerletPhysics 引 擎 。 在 讲解 过 程 
中 ， 我 会 指出 这 些 库 的 优 缺 点 ， 以 及 在 项 目 中 采用 它们 的 原因 。 
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5.1 Box2D 及 其 适用 性 


Box2D 的 开发 者 是 Eric Catto， 他 在 2006 年 的 游戏 开发 者 大 会 上 用 C++ 编 写 了 一 套 物 理 编程 教 
学 资料 ，Box2D 就 源 自 这 些 教学 资料 。 最 近 几 年 ，Box2D 已 经 发 展 成 一 个 丰富 的 开源 物理 引擎 ， 
被 用 于 无 数 项 目 ， 尤 其 是 一 些 成 功 的 游戏 ， 比 如 备 受 赞誉 的 益 知 游戏 “蜡笔 物理 学 ”"， 以 及 能 在 
手机 和 平板 上 运行 的 “愤怒 的 小 乌 ”。 


我 们 必须 知道 一 个 事实 : Box2D 只 是 一 个 物理 引擎 。 它 和 计算 机 图 形 学 无 关 ， 和 像 系 世界 也 
没有 关联 ; 它 只 负责 接收 输入 数据 ,返回 计算 绪 果 。Box2D 使 用 的 数据 单位 和 现实 世界 的 单位 一 
样 ， 也 就 是 米 、 千 克 和 秒 等 。 但 有 一 点 不 同 : Box2D 的 世界 是 一 个 有 边界 (上 下 左右 ) 的 二 维 平 
面 。 举 个 例子 ， 你 可 以 告诉 Box2D“ 在 我 们 的 世界 里 ,重力 是 9.81 Nkg， 现 在 有 一 个 半径 为 4m， 
质量 为 15 kg 的 圆圈 ， 位 于 参照 面 以 上 10 m 处 ”， 它 会 告诉 你 “2 s 后 ， 这 个 圆圈 位 于 参照 面 以 下 10 
m 人 处 ”。 尽管 它 提供 了 一 个 强大 的 物理 引擎 ,但 我 们 仍 需 编写 一 些 复杂 的 代码 ,以 便于 在 物理 “ 世 
界 ”(Box2D 的 关键 术语 ) 和 Processing 的 像素 世界 之 间 实 现 坐 标 转换 。 


Box2D 值 得 我 们 花费 精力 去 学 习 使 用 吗 ? 如 果 只 是 简单 地 模拟 圆圈 受 重力 作用 下 落 的 过 程 ， 
我 是 否 需 要 特地 使 用 Box2D， 写 很 多 额外 的 代码 完成 这 样 的 功能 ?答案 是 : 不 需要 。 在 第 1 章 里 ， 
我 们 很 轻松 地 就 实现 了 这 个 功能 。 换 个 场景 ， 假 如 有 100 个 物体 同时 下 落 ， 这 些 物体 不 是 圆 形 ， 
而 是 不 规则 的 多 边 形 , 并 且 需 要 像 现 实 世 界 中 一 样 考 虑 物体 之 间 的 碰撞 …… 这 时 候 , 我 们 是 否 要 
用 Box2D 实 现 这 个 功能 ? 


你 可 能 会 发 现 ， 在 前 4 章 运动 和 力 的 模拟 中 ， 我 们 忽略 了 一 个 关键 点 一 一 碰撞 。 下 面 我 们 假 
装 不 知道 物理 库 能 完成 碰撞 模拟 ， 先 自己 处 理 碰 撞 。 为 了 模拟 碰撞 ， 我 们 需要 根据 以 下 两 个 问题 
设计 算法 。 

(1) 如 何 确定 两 个 物体 是 否 发 生 磁 撞 ( 它们 是 否 相 交 ) ? 

(2) 如 何 确定 物体 碰撞 后 的 速度 ? 


如 采 物 体 的 形状 是 矩形 或 者 圆 形 , 问题 (1) 解 决 起 来 也 挺 简单 。 我 们 知道 如 果 两 个 圆圈 之 间 的 
距离 小 于 它们 半径 的 和 ， 它 们 就 相交 ， 参 见 图 5-1。 


以 上 方法 可 用 于 确定 两 个 圆圈 是 否 会 发 生 碰 撞 , 那 它 们 相 撞 后 速度 会 怎样 变化 ?我 们 不 打算 
在 这 里 讨论 下 去 , 要 知道 理解 科 撞 育 后 的 计算 原理 固然 重要 ( 其 实 我 在 随 书 源 代 码 中 加 入 了 模拟 
碰撞 的 例子 ， 而 且 没 有 用 到 物理 库 )， 但 生命 是 有 限 的 。 我 们 无 法 把 物理 模拟 中 的 每 个 细节 都 一 
一 学 到 。 就 磁 撞 而 言 , 除了 两 个 加 图 碰撞 , 还 有 和 矩形 的 磁 撞 、 不 规则 多 边 形 的 碰 撞 、 曲 面 的 碰撞 、 
市 有 弹性 摆 臂 的 钟 摆 的 碰撞 …… 

用 Sketch 模 拟 碰 撞 是 一 件 非 第 复杂 的 事 , 但 是 有 了 Box2D， 你 可 以 市 省 很 多 时 间 和 精力 一 一 
这 就 是 本 章 的 目的 。Erin Catto 化 了 好 几 年 的 时 间 研 究 上 述 问题 的 解决 方案 , 但 现在 你 不 需要 再 化 
时 间 目 己 研 究 这 些 问 题 。 






























































ee 呈 wee | Pe HR 
| | | | 
| | | 
DIST > (1 +r2) DIST < (1+72) 
不 相交 相交 
图 5-1 








总 之 ， 如果 你 发 现 日 己 在 用 Sketch 模 拟 “ 磁 撞 ” 相 关 的 问题 , 这 时 候 就 该 使 用 Box2D。( 除 此 
之 外 ， 还 有 很 多 关键 词 能 把 你 引 到 Box2D 上 ， 比 如 “关节 ”“ 枢 轴 ” “滑轮 ”“ 轧 达 ” 等 。) 





5.2 ”获取 Processing 中 的 Box2D 


前 面 说 过 ，Box2D 只 是 一 个 用 C++ 实现 的 物理 引擎 ， 它 与 以 像素 为 基础 的 计算 机 图 形 学 训 
关联 ， 那 么 我 们 该 如 何在 Processing 中 使 用 它 ? 

好 消息 是 : Box2D 是 一 个 非常 有 用 的 库 , 人 们 想 把 它 移植 到 各 个 平台 上 Flash JavaScript、 
Python、Ruby， 当 然 还 有 Java。Box2D 有 个 Java 的 移植 版 ， 它 的 名 字 是 JBox2D。 由 于 Processing 
是 构建 在 Java 基 础 上 的 语言 ， 因 此 我 们 可 以 直接 在 Processing 中 使 用 JBox2D。 


我 们 可 以 访问 以 下 两 个 网 站 获取 相关 信息 : 
口 Box2D 官 方 网 站 ( http://www.box2d.org/ ); 
口 JBox2D 官 方 网 站 (http://www.jbox2d.org/ )， 可 供 了 解 与 Processing 的 兼容 性 。 


了 解 这 些 信息 后 ， 我 们 就 可 以 在 Processing 中 开始 Box2D 的 开发 了 。 但 在 后 面 的 开发 过 程 中 ， 
我 们 会 发 现 目 己 在 反 反 复 复 地 实现 一 些 相 同 的 功能 。 因 此 , 有 必要 在 Sketch 和 JBox2D 之 间 添 加 一 
个 中 间 层 ， 我 把 它 称 作 PBox2D 一 一 一 个 Box2D 的 Processing“ 辅 助 ”代码 库 ， 你 可 以 在 本 书 的 随 
书 源 代 码 中 找到 它 。 


口 PBox2D GitHub 代 码 库 ( http://github.conmy/shiffman/PBox2D ) 























请 注意 ，PBox2D 并 不 是 Box2D 在 Processing 语 言 上 的 封装 。 毕 苋 ，Box2D 是 一 个 精心 组 织 和 
结构 良好 的 API, 我 们 没有 理由 把 它 拆 开 然后 重新 实现 。 然 而 ，PBox2D 提 供 了 一 小 部 分 的 功能 项 
数 ， 这 些 函 数 能 帮助 你 快速 建立 Box2D 的 模拟 世界 ， 让 你 很 方便 地 绘制 Box2D 形 状 ， 这 就 是 
PBox2D 的 作用 。 
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除了 PBox2D， 我 们 还 有 其 他 Box2D 的 Processing 封 装 库 可 用 。 我 推荐 你 看 看 Ricard Marxer 写 


的 Fisica (http:/Wwww.ricardmarxer.com/fisica/ )。 


5.3 Box2D 基础 

不 要 泪 丧 ! 下 面 我 们 就 要 接触 代码 了 ， 而 且 要 把 先前 的 工作 全 部 推翻 。 但 在 这 之 前 ,我 想 先 
概述 一 下 Box2D 的 使 用 流程 。 首 先 ， 让 我 们 用 伪 代 码 总 结 前 4 章 中 每 个 示例 程序 的 实现 流程 。 

SETUP 

(1) 创建 模拟 世界 中 的 所 有 对 象 。 

DRAW 

(1) 计算 所 有 力 向 量 。 

(2) 将 所 有 力作 用 在 对 象 上 (F = Mrx AI)。 

(3) 根据 加 速度 更 新 所 有 对 象 的 位 置 。 

(4) 绘制 所 有 对 象 。 

下 面 让 我 们 用 伪 代 码 表示 Box2D 程 序 的 实现 流程 。 

SETUP 

(1) 创建 模拟 世界 中 的 所 有 对 象 。 

DRAW 

(1) 绘制 所 有 对 象 。 

这 就 是 Box2D 的 神奇 之 处 。 我 们 摆脱 了 所 有 痛苦 的 计算 步骤 ,不 需要 根据 速度 和 加 速度 计算 
对 象 的 移动 ，Box2D 会 蔡 我 们 接管 这 些 计算 任 务 。Box2D 就 像 一 个 魔术 盒 ， 替 我 们 完成 了 整个 模 
拟 流 程 ， 这 真是 一 个 令 人 欣慰 的 消息 ! 

在 setup( ) 旺 数 中 ， 我 们 告诉 Box2D:“ 我 的 模拟 世界 中 需要 这 些 物 体 。 在 draw() 也 数 中 ， 
我 们 只 需要 向 Box2D 询 问 :“ 我 想 绘制 模拟 世界 中 的 这 些 物体 ， 你 能 和 否 告诉 我 它们 在 什么 位 置 ? ” 


还 有 一 个 坏 消 息 : 情况 并 不 像 上 面 描述 的 那样 简单 。 首 先 ,， 我 们 在 Box2D 的 世界 中 创建 物体 
之 前 ， 要 先 读 一 遍 文 档 ， 学 会 如 何 创建 和 配置 不 同形 状 的 对 象 。 其 次 ,我们 不 能 把 任何 与 像素 相 
关 的 东西 告诉 Box2D ， 因 为 它 根本 无 法 理解 像素 。 在 告 Oe ee lie 
须 先 将 像素 单位 转换 为 Box2D“ 世 界 ” 的 单位 。 同 理 ， 绘 制 物 体 之 前 还 要 做 一 次 相反 的 转换 ， 
Box2D 只 会 告诉 我 们 它 的 世界 中 的 位 置 ， 我 们 应 立 该 将 这 个 位 置 翻译 成 像素 世界 中 的 位 置 。 
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5.3.1 SETUP 


(1) 创建 像素 世界 中 的 所 有 对 和 象 。 
(2) 将 像素 世界 转换 为 Box2D 的 模拟 世界 。 


5.3.2 DRAW 


(1) 回 Box2D 询 问 各 个 对 象 的 位 置 。 
(2) 将 Box2D 的 返回 值 转化 为 像素 世界 的 位 置 。 
(3) 绘制 所 有 对 象 。 


现在 我 们 知道 Processing Sketch 中 的 所 有 物体 都 要 被 放 到 Box2D 的 世界 中 , 下 面 来 看 看 Box2D 
世界 由 哪些 元 系 组 成 。 





5.3.3 Box2D 世 界 的 核心 元 素 


(1) 世界 ( world ) ”管理 整个 物理 模拟 过 程 ， 它 知道 坐标 空间 的 所 有 信息 ， 存 放 了 世界 中 的 
所 有 物体 。 

(2) 物体 (body ) “Box2D 世 界 的 基础 元 系 ， 有 目 己 的 位 置 和 速度 。 是 否 感到 似曾相识 ? 在 
前 面 力 和 癌 量 的 模拟 程序 中 ， 我 们 开发 了 很 多 类 ，Box2D 的 物体 就 等 同 于 这 些 类 ，。 

(3) 形状 (shape ) ”记录 所 有 与 碰撞 相关 的 几何 信息 。 

(4) 夹具 ( fixture ) ”将 形状 赋 给 物体 ， 设 置物 体 的 一 些 属性 ， 比 如 密度 、 摩 擦 系数 、 复 
原 性 。 

(5) 关节 (joint) “充当 两 个 物体 之 间 的 连接 器 〈 或 者 物体 和 世界 之 间 的 连接 需 )。 


在 后 面 的 4 他 中 ， 我 们 将 详细 介绍 这 些 元 系 ， 并 根据 它们 创建 一 些 示 例 程序 。 但 现在 ， 我 们 
还 需要 学 习 态 一 个 天 键 元 系 。 


(6) Vec2 ”描述 Box2D 世 界 中 的 向 量 。 


在 这 里 ， 我们 必须 了 解 一 些 关 于 物理 库 的 事实 。 任何 物理 模拟 都 要 涉及 癌 量 的 概念 。 这 是 件 
好 事 ， 因 为 在 前 面 儿 章 ,， 我们 一 直 在 学 习 如 何 用 回 量 描述 运动 和 力 的 作用 ,所 以 并 不 需要 在 本 章 
学 习 任 何 新 的 向 量 概念 。 

但 有 个 坏 消 息 : Box2D 没 有 PVector 类 。 虽 然 Processing 为 我 们 提供 了 PVector 类 ， 但 任何 
物理 库 都 有 它 自 己 的 向 量 实现 。 这 是 合情合理 的 ， 因 为 物理 库 怎么 会 知道 PVector 类 的 任何 信 
息 ? 一 般 情 况 下 ， 为 了 兼容 其 他 代码 ， 物 理 库 会 按 上 自己 的 需求 实现 一 个 向 量 类 。 虽 然 我 们 不 需 
要 接触 任何 新 的 概念 ， 但 还 是 要 学 习 新 的 命名 规则 和 语法 。 参 照 PVector 类 ， 下 面 列 出 了 Vec2 
的 基础 用 法 。 


假如 我 们 要 将 两 个 向 量 相 加 。 
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PVector Vec2 
PVector a = new PVector(1,-1); Vec2 a = new Vec2(1, -1); 
PVector b = new PVector(3,4):; Vec2 b = new Vec2(3,4); 
a.add(b):; a.addLocal(b); 
PVector a = new PVector(1, -1); Vec2 a = new Vec2(1,-1); 
PVector b = new PVector(3,4); Vec2 b = new Vec2(3,4); 
PVector c = PVector.add(a,b): Vec2 C = a.add(b); 

将 回 量 乘 以 标量 ， 改 变 它 的 长 度 。 

PVector Vec2 
PVector a = new PVector(1, -1); Vec2 a = new Vec2(1, -1); 
float n = 5; float n = 5; 
a.mult(n); a.mulLocal(n); 
PVector a = new PVector(1, -1); Vec2 a = new Vec2(1, -1); 
float n = 5; float n = 5; 
PVector c = PVector.mult(a,n); Vec2 c= a.mul(n); 


获取 它 的 长 度 ， 将 向 量 单位 化 。 





PVector Vec2 
PVector a = new PVector(1, -1); Vec2 a = new Vec2(1, -1); 
float m = a.mag(); float m = a.Length() ; 
a.normalize(); a.nNormalize(); 


从 以 上 几 个 表 中 可 以 看 出 ,PVector 和 Vec2 涉 及 的 基本 概念 是 一 样 的 , 但 函数 名 和 参数 却 有 
细微 差异 。 比 如 ，Vec2 没 有 用 静态 和 非议 人 态 函 数 区 分 两 种 不 同 用 途 的 add( ) 限 数 和 mult() 限 数 ， 
如 末 Vec2 对 象 在 调用 过 程 中 被 修改 ,那么 函数 名 将 包含 “Local 一 一 addLocaL() .muLtLocal( ) 。 

本 章 会 讲解 Vec2 的 基础 用 法 ， 后 面 的 模拟 过 程 也 会 涉及 这 些 用 法 ， 如 果 你 想 知 道 Vec2 的 更 
多 信息 ， 请 查看 它 的 文档 ， 文 档 放 在 JBox2D 的 源 代 人 码 中 (http://code.google.com/p/jbox2d/ )。 


5.4 生活 在 Box2D 的 世界 
Box2D 中 WortLd 对 象 掌管 着 所 有 事物 : 它 管理 着 模拟 世界 的 坐标 空间 和 所 有 物体 ， 还 能 决定 
时 间 的 推进 。 


为 了 在 Processing Sketch 中 使 用 Box2D ，WorLd 对 象 应 该 是 第 一 个 被 初始 化 的 ， 因 为 它 在 程序 
中 引入 了 Box2D ， 代 表 寿 整个 模拟 世界 。 


PBox2D box2d; 




















void setup() { 
box2d = new PBox2D (this): 


box2d.createwWortLd() ， 用 默认 设置 初始 化 BoX2D 记 界 
} 


createWorld() 也 数 被 调用 后 ，PBox2D 会 为 你 设置 一 个 默认 的 重力 ( 方 回 回 下 )， 你 也 可 以 

过 以 下 方式 更 改 重 力 : 

box2d.setGravity(0, -10); 

值得 一 提 的 是 : 重力 不 一 定 是 固定 的 , 方 同 也 不 一 定 问 下 ; 你 可 以 在 程序 运行 过 程 中 调整 重 
力 同 量 ,， 还 可 以 取消 重力 ， 只 需要 将 重力 同 量 设 为 (0, 0) 即 可 。 

上 面 程序 中 的 数字 0 和 -10 又 代表 什么 ? 它 在 提醒 我 们 : Box2D 的 坐标 系统 并 不 是 之 前 的 像 双 
坐标 系统 ! 证 我 们 来 看 看 Box2D 和 Processing 和 窗口 的 坐标 系统 有 什么 不 同 。 














Box2D 的 世界 Processing 的 世界 
图 5-2 


从 上 图 可 以 看 出 ， 在 Box2D 中 ，(0, 0) 坐 标 位 于 正中 间 ，y 轴 的 正方 各 垂直 和 同上 。Box2D 的 坐 
标 系 统 和 笛 卡 儿 坐 标 系 一 样 。 但 Processing 使 用 的 是 传统 的 计算 机 图 形 坐 标 系 ， 在 这 种 坐标 系 中 ， 
(0, 0) 坐 标 位 于 左上 方 ，y 轴 的 正方 同 癌 下 。 因 些 ， 如 果 要 在 Box2D 中 模拟 物体 受 重 力作 用 下 落 ， 
我 们 必须 用 一 个 负 的 ?坐标 初始 化 重力 回 量 。 


Vec2 gravity = new Vec2(0, -10); 


幸运 的 是 ， 如 果 我 们 更 倾 问 于 用 图 形 学 的 坐标 系 思考 问题 ( 作为 Processing 程 序 员 ， 我 们 更 
喜欢 这 人 么 做 )， 那 也 没 问题 ， 因 为 PBox2D 专 门 提供 了 一 系列 辅助 也 数 用 于 实现 像 双 空间 和 Box2D 
空间 的 相互 转换 。 在 学 习 下 一 节 内 容 之 前 ， 让 我 们 先 看 看 这 些 辅助 图 数 的 调用 方法 。 


假如 我 们 想 告 诉 Box2D 当 前 鼠标 光标 所 在 的 位 置 ， 在 Processing 中 忌 标 光标 所 在 的 坐标 是 
(mouse, mouseY)。 我 们 需要 将 这 个 “坐标 ”( coordinate ) 从 “像素 ”(pixel ) 坐标 空间 转换 为 Box2D 
“世界 ”〈world ) 的 坐标 空间 一 一 也 就 是 调用 coordPixelsToworld() 捕 数 。 用 代码 表示 为 : 


Vec2 mouseWorld = 
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box2d. coordPixelsToWorld(mouseX,mouseY); 将 mouseX、mouseY 转 化 成 BoX2D 世 界 的 坐标 
如 果 我 们 要 将 一 个 Box2D 坐 标 转换 为 像 北 空间 的 坐标 ， 又 该 怎么 做 ? 
Vec2 worldPos = new Vec2(-10, 25); 为 了 演示 ， 我 们 编造 一 个 Box2D 坐 标 


Vec2 pixelPos = box2d,coordworLdToPixeLs(worLdPos ) ; 将 Box2D 坐 标 转化 为 像素 空间 坐标 ， 这 一 步 是 必须 
的 ， 因 为 我 们 要 根据 坐标 在 屏幕 中 绘制 元 素 


ellipse(pixelPos.x, pixelPos.y, 16, 16); 


PBox2D 提 供 了 一 系列 函数 用 于 两 个 坐标 系 的 互相 转换 。 通 过 实践 能 更 好 地 学 习 这 些 孙 数 ， 
但 我 们 可 以 先 看 看 到 底 有 哪些 也 数 。 











任 务 吨 数 
将 Box2D 坐 标 转化 为 像素 坐标 Vec2 coordWorldToPixels(Vec2 world) 
将 Box2D 坐 标 转化 为 像素 坐标 Vec2 coordWorldToPixels(float worldX,float worldY) 
将 像素 坐标 转化 为 Box2D 坐 标 Vec2 coordPixelsToWorld(Vec2 screen) 
将 像素 坐标 转化 为 Box2D 坐 标 Vec2 coordPixelsToWorld(float pixeLX,fLoat pixelY) 





将 像素 尺寸 ( 比如 高 度 、 宽 度 或 半径 ) 转化 为 Box2D 尺 寸 float scalarPixelsToWorld(float val) 


将 Box2D 尺 寸 转 化 为 像素 尺寸 float scalarWorldToPixels(float val) 


除了 以 上 函数 ， 还 有 其 他 辅助 函数 能 自动 转换 PVector 对 象 。 但 由 于 本 童 只 讨论 Box2D 的 相 
天 内容， 为 了 让 问题 更 简单 ， 我 们 把 Vec2 类 当 作 唯一 的 癌 量 类 。 


世界 被 初始 化 后 ， 我 们 就 准备 把 Box2D 的 各 种 物体 放 和 其 中 。 


5.5 创建 一 个 Box2D 物体 


物体 是 Box2D 世 界 中 的 基本 元 素 ， 它 等 同 于 我 们 在 前 面 儿 章 中 创建 的 Mover 类 一 一 在 力 的 作 
用 下 运动 的 物体 。Box2D 的 物体 也 可 以 是 静止 的 (固定 在 某 处 ， 不 会 发 生 移动 )。 需 要 注意 的 是 ， 
物体 自身 并 没有 几何 外 形 , 它 并 不 是 实际 存在 的 物体 。 但 是 , 我 们 可 以 将 某 个 形状 绑 定 在 物体 上 。 
(也 就 是 说 ， 物 体 可 以 是 一 个 矩形 ,也 可 以 是 一 个 带 圆 美的 矩形 。) 对 于 形状 ,我 们 将 在 下 一 节 讨 
论 。 下 面 让 我 们 先 创 建 一 个 Box2D 物 体 。 








5.5.1 第 1 步 : 定义 一 个 物体 


我 们 要 做 的 第 一 件 事 情 是 创建 “物体 的 定义 ”， 可 以 在 定义 中 指定 物体 的 某 些 属性 。 第 一 次 
磅 到 这 种 用 法 时 ， 你 可 能 会 觉得 很 怪异 。 这 就 是 Box2D 的 组 织 方式 ， 如 果 想 创建 任何 “东西 ”， 
你 必须 先 创 建 “ 东 西 的 定义 ”。 创 建物 体 (body )、 形 状 ( shape ) 和 关节 (joint ) 时 ， 都 要 如 此 。 


BodyDef bd = new BodyDef(); 创建 物体 之 前 先 创建 定义 
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5.5.2 第 2 步 : 设置 物体 的 定义 

如 果 想 赋予 物体 某 些 初始 属性 , 我 们 可 以 在 物体 的 定义 上 设置 这 些 属性 。 举 个 例子 ， 起 始 位 
置 就 是 物体 的 属性 。 假 如 我 们 想 让 物体 处 于 Processing 运 行 窗 口 的 正中 间 。 

Vec2 center = new Vec2(width/2, height/2); Processing 窗 口 正 中 间 的 位 置 向 量 

这 一 行 代码 会 将 我 们 引入 一 个 危险 的 方向 , 我 不 会 在 之 后 的 每 个 例子 中 都 这 么 提醒 你 。 请 记 
住 ， 如 果 想 在 Box2D 中 指定 物体 的 起 始 位 置 ， 你 必须 要 用 Box2D 坐 标 表示 这 个 位 置 ! 我 们 可 能 
习惯 于 用 像素 坐标 表示 一 个 位 置 , 但 Box2D 并 不 关心 我 们 的 习惯 。 因 此 在 指定 初始 位 置 之 前 ， 请 
一 定 调用 辅助 函数 进行 坐标 转换 。 


Vec2 center = 














box2d.coordPixelsToWorld(width/2, height/2); 转化 为 BOX2D 坐 标 后 ， 位 于 Processing 窗 口 正中 
间 的 向 量 
bd.postion.set (center); 设置 BOX2D 物 体 定义 中 的 位 置 属性 


我 们 还 要 在 定义 中 指定 物体 的 “类 型 ”， 有 如 下 3 种 可 能 的 类 型 。 

口 动态 〈Dynamic) ”大 部 分 情况 下 我 们 会 使 用 这 个 类 型 一 一 一 个 “完全 模拟 ”的 物体 。 动 
态 的 物体 能 在 Box2D 的 世界 中 运动 ， 能 和 其 他 物体 发 生 碰 撞 ， 并 能 感应 环境 中 的 力 。 

口 静态 (Static) ”项 态 的 物体 不 能 发 生 移动 ( 假设 它 的 质量 为 无 穷 大 )。 我 们 可 以 把 某 些 
国定 的 平台 和 边界 当 作 项 态 物 体 。 

口 Kinematic ”对 此 类 物体 ， 你 可 以 通过 设置 它 的 速度 向 量 来 控制 其 移动 。 如 果 你 的 世界 中 
有 一 个 完全 由 用 户 控 制 的 对 象 ， 你 可 以 创建 Kinematic 类 型 的 物体 。 注 意 ，Kinematic 的 物 
体 只 会 和 动态 的 物体 发 生 碰 撞 ， 不 会 和 项 态 或 者 Kinematic 的 物体 发 生 碰 撞 。 

你 还 可 以 在 定义 中 设置 其 他 属性 ,比如 ,如 果 想 让 物体 拥有 固定 的 转动 属性 ( 即 永远 不 旋转 )， 

你 可 以 这 么 做 : 
bd.fixedRotation = true 
你 还 可 以 设置 物体 的 线性 阻尼 和 角速度 阻尼 ， 如 果 存 在 摩 探 力 ， 物 体会 因此 减速 。 


bd. linearDamping = 0.8; 
bd.angularDamping = 0.9; 


除 此 之 外 , 对 于 快速 运动 的 物体 , 你 必须 把 它 的 bullet 属 性 设 为 true, 这 相当 于 告诉 Box2D 
引擎 : 该 物体 的 运动 速度 非常 快 ， 要 更 仔细 地 检查 它 的 碰撞 ， 防 止 它 突 然 罕 过 其 他 物体 。 


bd.bullet = true; 











5.5.3 第 3 步 : 创建 物体 
创建 完 定义 (BodyDef ) 之 后 ， 我 们 就 可 以 用 这 个 定义 创建 物体 了 。 对 此 ，PBox2D 提 供 了 
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一 个 辅助 函数 


Body body = box2d.createBody (bd); 传 入 物体 定义 ,创建 物体 (可 以 用 同一 个 定义 创建 
多 个 物体 ) 


createBody() 函数 。 





5.5.4 第 4 步 : 为 物体 的 初始 状态 设置 其 他 属性 


最 后 一 步 不 是 必须 的 , 但 如 果 你 想 为 物体 设置 其 他 初始 属性 ,可 以 在 新 创建 的 物体 对 象 上 指 
定 属性 值 ， 如 线性 速度 或 者 角速度 。 





body.setLinearVelocity(new Vec2(0,3)); 设置 任意 的 初始 速度 
body.setAngularVelocity(1.2); 设置 任意 的 初始 角速度 


5.6 三 要 素 : 物体 、 形 状 和 夹具 


其 实 Box2D 中 的 物体 并 不 是 直接 存在 于 世界 中 , 它 就 像 脱 离 肉 体 的 灵魂 。 对 于 一 个 有 质量 的 
物体 ， 我 们 必须 再 定义 一 个 形状 ， 通 过 夹具 将 这 个 形状 连接 在 物体 上 。 

Box2D 中 形状 类 的 主要 职责 就 是 管理 与 磁 撞 相关 的 几何 结构 ,， 除 此 之 外 ,你 还 可 以 通过 它 设 
置 一 些 与 运动 相关 的 属性 ， 比 如 设置 决定 物体 质量 的 密度 属性 。 形 状 还 有 摩擦 性 和 复原 性 (“ 弹 
力 ”), 这 两 个 属性 可 以 通过 夹具 设置 。Box2D 区 分 了 物体 和 形状 的 概念 ， 并 将 它们 独立 地 放 在 两 
个 对 象 中 ,这 是 一 个 很 不 错 的 设计 ， 如 此 一 来 ， 用 户 就 可 以 将 多 个 形状 连接 到 同一 个 物体 上 。 在 
后 面 的 例子 中 ， 我 们 将 看 到 这 种 用 法 。 


为 了 创建 一 个 形状 ， 我 们 需要 先 确定 形状 的 类 型 。 多 边 形 对 象 适用 于 大 部 分 非 圆 形 的 情形 。 
淮 个 例子 ， 让 我 们 来 看 看 矩形 的 定义 方法 。 

















5.6.1 第 1 步 : 定义 形状 





PoLygonShape ps = new PolygonShape(); 定义 形状 5 一 个 乡 芝 形 

下 面 ， 我 们 有 要 设 定 矩 形 的 宽度 和 高 度 。 假 如 本 例 要 创建 150 像 素 x100 像 素 的 矩形 ， 请 记 住 : 
像 系 单位 不 能 用 于 Box2D 的 形状 设 定 ! 必须 先 用 辅助 函数 转换 这 个 单位 。 

float box2Dw = box2d.scalarPixelsToWorld(150); 将 像素 尺寸 转化 为 BOX2D 尺 十 


float box2Dh = box2d.scalarPixelsToWorld(100); 
ps.setAsBox(box2Dw, box2Dh); 用 setAsBox() 涵 数 将 形状 定义 为 矩形 


5.6.2 第 2 步 : 创建 夹具 
形状 和 物体 是 两 个 独立 的 实体 ,为 了 把 形状 加 在 物体 上 , 我 们 需要 创建 一 个 夹具 对 象 。 夹 具 
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的 创建 方式 和 物体 一 样 ， 要 用 夹具 定义 (FixtureDef 类 ) 创建 ， 此 外 还 要 为 夹具 对 象 指定 一 个 
形状 对 象 。 
FixtureDef fd = new FixtureDef(); 


fd.shape = ps; 将 刚刚 创建 的 PoLygon9hape 对 象 赋 给 夹具 对 象 








一 旦 有 了 夹具 定义 对 象 ， 我 们 就 可 以 为 它 连接 的 形状 设置 各 种 物理 属性 。 


fd.friction = 0.3; 形状 的 摩擦 系数 ， 一 般 为 0~1 
fd.restitution = 0.5: 形状 的 复原 性 (也 就 是 弹性 ) : 0~1 
fd.density = 1.0; 形状 的 密度 ， 以 kg/m“ 为 单位 


5.6.3 第 3 步 : 用 夹具 将 形状 连接 到 物体 上 
夹具 被 定义 之 后 ， 剩 下 的 事情 就 是 调用 createFixture() 函数 将 形状 连接 到 物体 上 。 


body.createFixture(fd ) ; 创建 夹具 ， 将 形状 加 到 物体 对 象 上 

如 果 你 不 需要 设置 物理 属性 ， 可 以 跳 过 第 2 步 ( Box2D 会 使 用 默认 的 物理 属性 ),， 将 创建 夹具 
和 连接 形状 这 两 个 操作 合并 成 一 步 。 

body.createFixture(ps,1); 创建 夹 具 ， 连 接 形状 ， 将 密度 设 为 1 

在 大 部 分 例子 中 , 我 们 都 是 在 物体 创建 时 为 它 连接 一 个 形状 , 但 这 并 不 是 因为 Box2D 的 限制 ， 
Box2D 也 允许 我 们 在 运行 期 创建 和 删除 形状 。 

将 上 述 代码 放 入 Processing Sketch 之 前 ， 先 总 结 创建 物体 需要 经 过 哪些 步 又: 

(1) 用 BodyDef 对 象 定义 一 个 物体 (设置 一 些 属性 ， 比 如 位 置 ); 

(2) 用 定义 对 象 创建 物体 对 象 ; 

(3) 用 多 边 形 类 ( PolygonShape )、 圆 形 类 〈 CircleShape ) 和 其 他 形状 类 创建 形状 对 象 ; 

(4) 用 FixtureDef 定 义 一 个 夹具 对 象 ， 为 夹具 对 象 指 定形 状 对 象 (设置 一 些 属性 ， 比 如 摩 探 

系数 、 密 度 和 复原 性 ); 
(5) 把 形状 连接 到 物体 上 。 


BodyDef bd = new BodyDef(); 第 1 步 : 定义 物体 





























bd.position.set(box2d.coordPixelsToWorld(width/2,height/2)); 


Body body = box2d.createBody (bd); 第 2 步 : 创建 物体 
PolygonShape ps = new PolygonShape(); 第 3 步 : 定义 形状 


float w = box2d.scalarPixelsToWorld(150); 
float h = box2d.scalarPixelsToWorld(100); 
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ps.setAsBox(w, h); 


FixtureDef fd = new FixtureDef(): 第 4 步 : 定义 夹具 
fd.shape = ps; 

fd.density = 1; 

fd.friction = 0.3; 

fd.restitution = 0.5; 


body .createFixture(fd); 第 5 步 : 用 夹具 把 形状 连接 到 物体 上 


练习 5.1 


根据 你 现在 掌握 的 Box2D 的 知识 ， 完 成 下 面 的 程序 填空 ， 该 程序 的 目的 是 在 Box2D 中 创建 
一 个 圆 形 的 形状 对 象 。 


CircleShape cs = new CircLe9hape() ; 
float radius = 10; 

cs.m radius = es . 
FixtureDef fd = new FixtureDef(); 
fd.shape = cs; 

fd.density = 1; 

li@)e ieee SS (Oe de 

fd.restitution = 0.3; 


body .createFixture(fd); 
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物体 被 创建 好 之 后 就 扎根 于 Box2D 的 物理 世界 , Box2D 知 道 它 的 位 置 , 检查 它 是 否 发 生 碰撞 ， 
根据 力 的 作用 让 它 运 动 …… 你 不 需要 动 一 根 手 指 ，Box2D 就 会 蔡 你 完成 所 有 事情 ! 但 是 ， 它 无 法 
显示 这 个 物体 。 这 也 是 一 件 好 事 ， 因 为 你 可 以 尽情 地 发 挥 这 方面 的 才能 。 在 使 用 Box2D 时 ， 我 们 
实际 上 是 在 说 :“ 我 想 做 这 个 虚拟 世界 的 设计 者 ，Box2D ， 我 硕 望 你 帮 我 完成 所 有 的 物理 计算 。 


Box2D 会 将 世界 上 的 所 有 物体 都 存放 在 一 个 列表 中 , 你 可 以 调用 worLd 对 象 的 getBodyList() 
印 数 访问 这 个 列表 。 接 下 来 , 我 想 展示 如 何在 程序 中 保存 物体 列表 , 你 可 能 觉得 这 样 做 是 多 余 的 ， 
并 且 会 牺牲 一 定 的 性 能 , 但 它 带 来 的 便利 性 足以 弥补 这 些 代 价 。 这 样 做 使 我 们 能 够 用 原来 的 方法 
编写 Processing 程 序 ， 并 能 方便 地 跟踪 并 泻 染 物体 。 考 虑 下 图 中 的 Processing Sketch 结构 : 


HAO Boxes | Processing 2.0a5 

















STANDARD 


| Boxes 中 





网 5-3 


这 跟前 面 磁 到 的 结构 有 所 不 同 。 我 们 有 3 个 标签 页 ， 主 标签 页 是 “Boxes”， 为 外 两 个 标签 页 
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是 “Boundary” 和 “Box”。 让 我 们 先 来 看 看 Box 标 签 ， 我 们 在 这 里 放置 了 盒子 ( Box ) 对 象 的 实 
现 ， 盒 子 对 象 是 一 个 矩形 物体 。 


class Box { 


float x,y; 我 们 的 金子 对 象 有 X 坐 标 、 
float w,h; YY 坐标 、 宽 度 和 高 度 


Box(float x , float y ) { 


Xx =X 通过 构造 函数 参数 初始 化 位 置 


y 
Ww 
h 


} 
void display() { 
TUE(175). 用 Processing 的 rect() 有 巴 数 绘制 盒子 对 象 


stroke(0); 
rectMode (CENTER); 
rect (x,y,w,h); 


} 


在 主 标签 页 中 ,我 们 要 实现 这 样 的 功能 : 在 鼠标 点 击 的 位 置 创 建 一 个 盒子 对 象 , 将 这 个 对 象 
存放 在 ArrayList 中 。( 这 跟 第 4 章 粒 子 系 统 的 示例 程序 非常 相似。 ) 





_5_1 box2d exercise 





示例 代码 5-1 一 个 简单 的 Box2D 程 序 
ArrayList <Box>boxes ; 存放 所 有 盒子 对 象 的 列表 


void setup() { 
size(400,300); 
boxes = new ArrayList<Box> (); 


} 
void draw() { 
background(255 ) ; 
if (mousePressed) { 一 旦 息 标 被 点 击 ， 


Box p = new Box(mouseX，mouseyY ) ; 就 新 增 一 个 盒子 对 象 
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boxes ,add(p) ; 

} 

for(Box b: boxes) { 显示 所 有 的 盒子 对 象 
b.display(); 

} 


} 


我 们 的 任务 是 改造 上 面 的 程序 ， 把 原先 静止 的 盒子 瞧 换 成 具有 物理 特性 ( 通过 Box2D 模 拟 ) 
的 盒 于 。 


为 了 完成 这 个 目的 ， 我 们 需要 做 两 件 事 。 





5.7.1 : 在 主 程序 ( 即 setup() 和 draw() 函 数 ) 中 添加 Box2D 


一 步 并 不 难 ， 我 们 已 经 在 前 面 实现 过 这 样 的 功能 ， 可 以 用 PBox2D 辅 助 类 完成 这 一 步 。 以 
下 代码 在 setup() 也 数 中 创建 并 初始 化 PBox2D 对 象 。 


PBox2D box2d; 





void setup() { 


box2d = new PBox2D (this); 初始 化 和 创建 BOX2D 世 界 
box2d. createWorld!(); 


} 


在 draw( ) 函数 中 ,我 们 必须 调用 一 个 重要 的 函数 :step() 函 数 , 如 果 不 调用 这 个 函数 ,Box2D 
的 模拟 世界 将 不 会 发 生 任 何 改变 ! step() 也 数 的 作用 就 是 让 Box2D 世 界 里 的 时 间 癌 前 推进 一 步 。 
在 Box2D 内 部 , 它 会 遍历 每 个 物体 , 逐个 计算 它们 的 处 理 方式 。 调 用 step() 哺 数 会 根据 某 些 设置 
推动 Box2D 志 界 的 发 展 ， 你 可 以 自 定义 这 些 设置 (PBox2D 的 源 代码 中 有 相关 文档 )。 
void draw() { 
box2d. step(); 我 们 必须 推进 时 间 
} 


5.7.2 第 2 步 : 建立 Processing 盒 子 对 象 和 Box2D 物 体 对 象 之 间 的 联系 
现在 ， 盒 子 类 包含 了 位 置 、 宽 度 和 高 度 这 几 个 变量 。 我 们 想 要 说 : 


“本 人 要 把 对 象 位 置 的 管理 权 交 给 Box2D。 我 再 也 不 记录 任何 位 置 、 速 度 以 及 加 速度 的 相关 
信息 ， 只 需 持 有 一 个 Box2D 的 物体 引用 ， 剩 下 的 全 部 都 交 给 Box2D 完 成 。 


class Box { 

















Body body; 用 BOXx2D 的 物体 引用 代替 之 前 的 变量 


float w; 
float h; 
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我 们 不 需要 (x;y) 变 量 了 ， 因 为 现在 物体 能 够 管理 自己 的 位 置 。 从 技术 层面 说 ,物体 还 可 以 记 
录 目 己 的 高 度 和 宽度 ,但 由 于 在 盒子 对 象 的 生存 期 内 ，Box2D 不 会 改变 它 的 高 度 和 宽度 ， 因 此 我 
们 可 以 继续 在 盒子 对 和 象 中 记录 它们 ， 以 便于 盒子 的 绘制 。 

在 构造 函数 中 , 除了 初始 化 宽度 和 高 度 , 我 们 还 可 以 把 创建 Box2D 物 体 和 形状 的 代码 放 进 去 。 


Box() { 























Ww 
h 


16; 
16; 


BodyDef bd = new BodyDef(); 构建 物体 


bd.type = BodyType,DYNAMIC ; 
bd.position.set(box2d.coordPixelsToWorld(mouseX,mouseY)); 
body = box2d.createBody (bd); 


PolygonShape ps = new PolygonShape(); 构建 形状 


float box2dW 
float box2dH 


box2d.scalarPixelsToWorld(w/2); Box2D 把 和 矩 形 的 宽度 和 高 度 当 成 中 心 到 
box2d.scalarPixelsToWorld(h/2); 边缘 的 距离 (等 于 正常 高 度 和 宽度 的 一 半 ) 


ps.setAsBox(box2dW, box2dH); 


FixtureDef fd = new FixtureDef(); 


fd.shape = ps; 
fd.density = 1; 
fd.friction = 0.3; 设置 物理 参数 
fd.restitution = 0.5; 
body.createFixture(fd); 用 夹具 连接 形状 和 物体 
} 
在 使 用 Box2D 之 前 ， 绘 制 盒子 是 一 件 很 容 多 的 事情 。 盒 子 对 象 的 位 置 被 存放 在 变量 x 和 y 中 。 
void dispLay() { 使 用 rect() 函数 绘制 对 象 
fiLL(175 ) ; 
stroke(0); 
rectMode (CENTER) ; 
rect (x,y,w,h); 
} 








但 现在 Box2D 管 理 着 对 象 的 运动 ， 因 此 我 们 不 能 再 用 自己 的 变量 显示 物体 了 。 别 害怕 ! 盒子 
对 象 有 一 个 Box2D 物 体 对 象 的 引用 ， 我 们 只 需要 癌 物 体 询问 :“ 请 问 你 在 哪个 位 置 ? ”由 于 我 们 
经 常会 做 这 样 的 询问 ， 为 了 方便 调用 ，PBox2D 实 现 了 一 个 辅助 函数 : getBodyPixelCoord()。 

Vec2 pos = box2d.getBodyPixelCoord(body); 

仅仅 知道 物体 的 位 置 还 不 够 ， 我 们 还 需要 知 适 它 的 转动 角度 。 


float a = body.getAngle(); 


拥有 位 置 和 角度 之 后 ， 我 们 只 需要 人 简单 地 调用 translate() 了 水 数 和 rotate() 了 函数 就 能 显示 
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这 个 对 象 。 请 注意 ，Box2D 坐 标 系统 的 转动 方向 和 Processing 坐 标 系 统 相 反 ， 因 此 我 们 需要 将 角 
度 乘 以 -1。 


Tv 了 


Processing 中 的 顺 时 针 旋 转 Box2D 中 的 逆 时 针 旋 转 
图 5-4 


void display() { 


Vec2 pos = box2d.getBodyPixelCoord(body); 我 们 需要 物体 的 位 置 和 角度 
float a = body.getAnglLe() ; 


pushMatrix(); 
translate(pos.x, pos.y); 根据 位 置 VeC2 向 量 平移 矩形 ， 
rotate(-a); 并 根据 角度 旋转 矩形 
fiLL(175 ) ; 
stroke(0) ; 
rectMode (CENTER) ; 
rect (0,0,w,h); 
popMatrix(); 
} 


为 了 能 从 Box2D 的 世界 删除 某 些 对 象 ， 我们 还 可 以 加 入 一 个 函数 用 于 删除 物体 ， 比 如 : 


void killBody() { 这 个 函数 从 BoXx2D 世 界 中 删除 一 个 物体 
box2d.destroyBody (body ) ; 


练习 5.2 
在 本 草 的 下 载 代 码 中 ， 请 找到 一 个 名 为 “box2d exercise” 的 例子 。 用 本 章 讲述 的 方法 ， 为 


其 中 的 主 标签 页 和 “Box” 标 签 页 添加 合适 的 代码 ， 用 Box2D 实现 其 中 的 功能 。 程序 的 运行 
结果 如 下 图 所 示 ， 你 可 以 用 自己 的 方式 泻 染 盒子 。 
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_5_1 box2d exercise_solved 





5.8 ”固定 的 Box2D 对 象 


在 上 面 的 例子 中 , 盒子 对 象 首 和 完 出 现在 鼠标 所 在 的 位 置 ,之 后 随 着 Box2D 中 上 默 认 的 重力 作用 
下 沙 。 假 如 我 们 想 在 Box2D 中 放置 一 些 固定 的 边界 ， 这些 边界 能 够 阻挡 盒子 物体 运动 路 径 (如 下 
图 所 示 )， 该 怎么 实现 ? 


_5_2_Boxes 





在 Box2D 中 ， 我 们 可 以 简单 地 将 物体 (包括 所 有 已 连接 的 形状 ) 锁定 在 某 个 位 置 。 只 要 把 
BodyDef 对 象 的 type 属 性 设 为 STATIC 。 


BodyDef bd = new BodyDef ( ) ; 
bd.type = BodyType.STATIC ; 定义 的 type 属 性 一 旦 设 为 STATIC， 物体 就 被 锁 
定 在 某 个 位 置 


我 们 可 以 在 上 面 的 盒子 示例 程序 中 加 入 这 个 特性 ， 只 需要 添加 一 个 Boundary 类 ， 并 且 为 每 
个 边界 分 别 创建 Box2D 物 体 。 
示例 代码 5-2 市 有 撞击 边界 的 盒子 下 沙 模拟 


class Boundary { 


float x,y; 边界 是 一 个 有 X 坐 标 、Y 坐 标 、 
float w,h; 宽度 和 高 度 的 简单 矩形 
Body b ; 


Boundary(float x ,float y , float w , float h ) { 
X=X ; 
yY = y ， 
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w=Ww 
h=h ; 
BodyDef bd = new BodyDef();: 创建 BOX2D 物 体 和 形状 


bd.position.set(box2d.coordPixelsToWorld(x,y)); 

bd,type = BodyType.STATIC; 将 type 属 性 设 为 STATIC， 固 定 这 个 物体 
b = box2d.createBody (bd ) ; 

float box2dW = box2d.scalarPixelsToWorld(w/2); 


float box2dH = box2d.scalarPpixelsToWwWorld(h/2); 
PolygonShape ps = new PolygonShape(); 


ps.setAsBox(box2dW, box2dH); 续 们 有 了 一 个 令 了 对 这 
b.createFixture(ps,1); 使 用 快捷 的 CreateFixture() 甩 数 

} 

void display() { 我 们 知道 它 无 法 移动 ， 因 此 可 以 用 老 方 法 绘制 这 个 

算 形 ， 只 需要 使 用 原始 的 变量 ,不 需要 敬 问 BOX2D 

fill(0); 
stroke(0); 
rectMode (CENTER) ; 
rect (x,y,w,h); 

} 


+ 
5.9 弯曲 的 边 青 

如 果 你 和 希望 固定 边界 的 表面 是 弯曲 的 ( 而 不 是 一 个 多 边 形 )，ChainShape 类 能 帮 你 实现 这 种 
效果 。 


ChainShape 类 和 PoLygonShape 类 、CircLeShape 类 相似 ， 因 此 ， 我 们 可 以 用 相同 的 步骤 将 
它 加 入 我 们 的 程序 。 


5.9.1 第 1 步 : 定义 一 个 物体 


BodyDef db = new BodyDef () ; 物体 不 需要 位 置 ，ChainShape 会 帮 有 我 们 指定 位 置 ; 
也 ,不 需要 设置 type 必 性， 默认 使 用 STATIC 








Body body = box2d.world.createBody (bd) ; 
5.9.2 第 2 步 : 定义 形状 

ChainShape chain = new Chain9hape( ) ; 
5.9.3 第 3 步 : 配置 形状 


ChainShape 对 象 代 表 一 组 相连 的 边 。 为 了 创建 这 样 的 链 对 象 ， 我 们 必须 先 定 义 一 个 顶点 
( Vertice ) 数组 ( 由 Vec2 对 象 组 成 的 数组 ),。 举 个 例子 , 如 果 我 们 想 创建 一 条 穿 过 整个 窗口 的 百 线 ， 
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数组 中 只 需要 有 两 个 顶点 : (0, 150) 和 (width, 150)。( 如 果 你 想 创建 首尾 相连 的 圈 ， 也 就 是 第 一 个 
顶点 和 最 后 一 个 顶点 相连 ， 可 以 使 用 ChainLoop 类 。) 


Vec2[] vertices = new Vec2[2]; 
vertices[0] = box2d.coordPixelsToWorld(0,150); 加 入 屏幕 右 端 的 顶点 


vertices[1] = box2d.coordPixelsToWorld(width,150); 加 入 屏幕 左 闯 的 顶点 


为 了 根据 这 些 顶 点 创建 链 ， 我 们 需要 将 数组 传人 createChain( ) 因数 。 


chain,createChain(vertices，vertices.Length ) ; 如 果 你 不 想 使 用 整个 数组 来 创建 链 ， 可 以 传 入 更 小 
的 长 度 


_5 3_ChainShape_Simple 
er ~ 





5.9.4 第 4 步 : 使 用 夹具 将 形状 连接 到 物体 上 


形状 只 有 在 和 物体 相连 之 后 才能 成 为 Box2D 的 一 部 分 。 尽 管 这 是 个 固定 的 边界 ， 它 还 是 需要 
被 连接 在 物体 上 。 和 其 他 形状 一 样 ，ChainShape 对 象 也 有 摩擦 和 复原 等 属性 ， 我 们 可 以 通过 夹 
具 (Fixture ) 设置 这 些 属性 。 


FixtureDef fd = new FixtureDef(); 
fd.shape = chain; 分 配给 Chain9hape 对 象 的 夹具 











fd.density = 1; 
fd.friction = 0.3; 
fd.restitution = 0.5; 


body .createFixture(fd); 


现在 ， 我 们 要 把 ChainShape 对 象 加 入 Sketch ， 方 法 和 前 面 的 固定 边界 一 样 。 我 们 可 以 用 
Surface 类 完成 这 项 工作 。 





_5 .3_Chainshape_Simple 
Re ~ 





示例 代码 5-3 ”由 3 个 固定 顶点 确定 的 ChainShape 对 象 


class Surface { 
ArrayList<Vec2> surface; 


Surface() { 


surface = new ArrayList<Vec2>(); 


surface.add(new Vec2(0, height/2+50)); 像素 空间 内 的 3 个 点 
surface.add(new Vec2(width/2, height/2+50)); 
surface.add(new Vec2(width, height/2)); 


ChainShape chain = new ChainShape(); 


Vec2[] vertices new Vec2[surface.size()]; 为 ChainShape 对 象 创建 Vec2 数 组 
for (int i = 0; i < vertices.length; i++) { 
将 各 顶点 转化 为 BOX2D 世 界 的 坐标 
vertices[i] = box2d.coordPixelsToWorld(surface.get(i)); 


} 


chain.createChain(vertices,，,，vertices.length); 用 Vec2 数 组 创建 Chain9hape 对 象 


BodyDef bd = new BodyDef( ) ; 将 形状 连接 到 物体 上 
Body body = box2d,worLd.createBody (bd ) ; 
body.createFixture(chain, 1); 


} 


请 注意 上 述 代 码 是 如 何 使 用 ArrayList 和 存放 一 组 Vec2 对 和 象 的 ,尽管 可 以 在 链 形 状 对 象 内 部 存 
放 这 些 顶 点 坐标 , 但 我 们 仍 选 择 再 保留 一 份 项 点 列表 ,这 种 见 余 可 以 让 程序 实现 更 方便 。 后 续 我 
们 将 绘制 Surface 对 象 ， 这 时 候 就 不 党 要 问 Box2D 询 问 这 些 顶 点 的 位 置 了 。 


void display() { 
strokeWeight(1); 
stroke(0); 
noFill(); 
beginShape(); 用 一 系列 顶点 绘制 ChainShape 对 象 
for (Vec2 v:surface) { 
vertex(Vv.x, V.y); 








} 
endShape(); 


} 


setup () 困 数 和 draw() 函数 对 Surface 对 象 的 处 理 非 常 简单 ， 因 为 Box2D 会 接管 我 们 所 有 的 
物理 计算 。 


PBox2D box2d; 


Surface surface; 
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void setup() { 
size(500,300); 
box2d = new PBox2D(this); 
box2d. createWorld(); 


surface = new Surface() ; 创建 一 个 Surface 对 象 


} 


void draw() { 
box2d. step(); 


background(255 ) ; 
surface.display(); 绘制 Surface 对 象 


练习 5.3 


复习 第 3 章 中 绘制 波形 的 相关 内 容 。 创建 一 个 形状 为 正弦 波 的 ChainShape 对 象 ， 试 着 在 程 
序 中 使 用 Perlin 嗓 声 。 


Ex 5 3 5S A Ex 5 3 NoiseChain 
人 5 


el 
本 号 


Perlin 品 声 





5.10 复杂 的 形状 


我 们 已 经 学 会 了 如 何 用 Box2D 创 建 简 单 的 几何 形状 ， 下 面 假设 我 们 要 创建 复杂 的 形状 ， 比 如 
下 图 中 这 个 类 似 外 星 生物 的 形状 。 
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在 Box2D 中 ， 有 了 两 种 方式 可 用 于 创建 高 级 形状 ， 第 一 种 方式 是 用 以 不 同 的 方式 使 用 
PolygonShape 类 。 在 前 面 的 例子 中 ,我们 使 用 PolygonShape 和 setAsBox( ) 函数 创建 了 一 个 矩形。 


PolygonShape ps = new PolygonShape(); 
ps.setAsBox(box2dW, box2dH); 


这 种 方法 适合 入门 学 习 ， 因 为 矩形 本 吴 比 较 简 单 。PoLygonShape 类 还 有 一 种 用 法 : 很 据 辣 
量 数组 创建 形状 。 通 过 这 种 方法 ,我 们 可 以 用 一 系列 相连 的 项 点 创建 复杂 的 自 定义 形状 。 这 个 新 
用 法 和 ChainShape 类 的 使 用 方法 类 似 。 





_5 4 Polygons 





示例 代码 5-4 多边形 


Vec2[] vertices = new Vec2[4]; // 念 4 个 向 量 的 数组 


vertices[0] = box2d.vectorPixelsToWorld(new Vec2(-15, 25)); 
vertices[1] = box2d.vectorPixelsToWorld(new Vec2(15, 0)); 

vertices[2] = box2d.vectorPixelsToWorld(new Vec2(20, -15)):; 
vertices[3] = box2d.vectorPixelsToWorld(new Vec2(-10, -10)); 
PolygonShape ps = new PolygonShape(); 根据 数组 创建 多 边 形 对 象 


ps.set(vertices, vertices.length); 


在 使 用 Box2D 创 建 目 定义 多 边 形 时 ， 你 必须 记 住 两 个 关键 的 细 闻 。 


(20,-15) 





(-15, 25) 
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(1) 项 点 的 顺序 ! 如 末 从 像素 的 角度 确定 这 些 顶 点 ， 你 必须 用 逆 时 针 的 顺序 。( 当 这 些 
顶点 被 翻译 成 Box2D 向 量 时 ， 它 们 会 变 成 顺 时 针 的 顺序 ， 因 为 两 个 坐标 系 的 纵 坐 标 方向 
是 相反 的 。) 

(2) 只 能 创建 凸 边 形 ! 四边 形 是 一 种 表面 加 内 论 曲 的 形状 。 巴 边 形 则 相反 《如 下 图 所 示 )。 
注意 ,在 止 边 形 中 每 个 内 角 都 小 于 180 度 。Box2D 不 能 处 理 上 四边 形 的 碰撞 。 如 果 你 需要 一 
个 四 边 形 ， 可 以 用 多 个 凸 边 形 组 合 而 成 (下 面 将 会 详细 介绍 )。 





图 5-7 ”一 个 钙 边 形 可 由 多 个 凸 边 形 组 成 


本 例 不 能 用 rect ( ) 哺 数 或 者 ellipse() 阴 数 绘制 形状 。 这 些 形状 是 由 有 目 定 义 的 项 点 指定 的 ， 
我 们 应 该 使 用 Processing 的 beginShape() 抑 数 、endShape() 也 数 和 vertex() 函数 绘制 它 。 在 前 
面 的 ChainSshape 示 例 中 ， 我 们 用 自己 的 ArrayList 对 象 存放 顶点 的 像素 位 置 ， 然 而， 学 习 如 何 
从 Box2D 中 获取 这 些 顶 点 的 位 置 也 是 有 必要 的 ， 我 们 要 在 本 例 实 践 这 一 操作 。 

void display() { 


Vec2 pos = box2d.getBodyPixelCoord(body); 
float a = body.getAngle(); 





Fixture f = body.getFixturelList(); 首先 我 们 要 获取 连接 物体 的 夹具 
PolygonShape ps = (PolygonShape) f.getShape(); 然后 获取 连 在 夹具 上 的 形状 


rectMode(CENTER ) ; 
pushMatrix(); 
translate(pos.x,pos.y); 
rotate(-a) ; 

fiLL(175 ) ; 

stroke(0); 
beginShape(); 


for (int i = 0; i < ps.getVertexCount(); i++) { 遍历 整个 数组 ， 将 其 中 的 每 个 项 点 转换 成 像素 坐标 


Vec2 v = box2d.vectorWorldToPixels(ps.getVertex(i)); 
vertex(Vv.x,Vv.y); 


} 
endShape (CLOSE); 
popMat rix( ); 
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请 设计 一 个 多 边 形 ， 用 PolygonShape 类 实现 它 。( 记 住 ， 
TE 





多 边 形 能 让 我 们 更 深 入 地 使 用 Box2D， 然 而 ， 巴 边 形 的 要 求 是 个 很 严重 的 限制 。 笠 运 的 是 ， 
我 们 可 以 打破 这 个 限制 , 只 需要 为 一 个 物体 创建 多 个 形状 即 可 ! 回 到 前 面 的 外 星 生 物 , 我 们 想 把 
它 简 化成: 一 个 矩形 ， 顶 部 有 个 圆圈 。 


如 何 为 物体 创建 两 个 形状 ? 回顾 我 们 为 物体 创建 单个 形状 的 步 又 。 


又 1: 定义 物体 。 
骤 2: 创建 物体 。 
步骤 3: 定义 形状 。 
步骤 4: 连接 物体 和 形状 。 
又 5: 确定 物体 的 质量 。 


只 需要 重复 步骤 3 和 步 又 4， 我 们 就 可 以 将 多 个 形状 连接 到 物体 上 。 


步骤 3a: 定义 形状 1。 
步骤 4a: 将 形状 1 连接 到 物体 上 。 
步骤 3b: 定义 形状 2。 
步骤 4b: 将 形状 2 连接 到 物体 上 。 


让 我 们 看 看 如 何 用 Box2D 代 码 实 现 上 述 步骤 。 


BodyDef bd = new BodyDef( ) ; 创建 物体 
bd.type = BodyType.DYNAMIC; 
bd.position.set(box2d.coordPixelsToWorld(center)); 

body = box2d.createBody (bd ) ; 





PolygonShape ps = new PolygonShape(); 创建 形状 1] (矩形 ) 
float box2dW = box2d.scalarPixelsToWorld(w/2); 

float box2dH = box2d.scalarPixelsToWorld(h/2); 

sd.setAsBox(box2dW, box2dH); 
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CircleShape cs = new CircleShape(); 创建 形状 2 (圆圈 ) 
cs.m radius = box2d.scalarPixelsToWorld(r); 


body.createFixture(ps,1.0 


) ， 用 夹具 连接 这 两 个 形状 
body.createFixture(cs, 1.0); 





上 面 的 代码 看 起 来 很 不 错 ， 但 遗憾 的 是 ， 如 果 我 们 运行 它 ， 将 会 得 到 以 下 结果 : 


物体 的 中 心 
图 5S-8 





如 有 果 你 将 一 个 形状 和 物体 连接 在 一 起 , 形状 的 中 心 点 默认 位 于 物体 中 央 。 但 在 本 例 中 ,如果 
惩 形 的 中 心 点 位 于 物体 中 央 ， 我 们 就 应 该 将 圆圈 的 中 心 点 放 在 物体 中 央 的 正 上 方 某 处 。 


圆圈 位 置 


物体 的 中 心 
图 5S-9 
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我 们 可 以 通过 设置 形状 的 位 置 达 到 这 个 目的 , 可 以 通过 设置 n_p 变 量 实现 , 这 是 一 个 Vec2 对 象 。 


Vec2 offset = new Vec2(0,-h/2); 像素 偏 移 
offset = box2d.vectorPixeLsToworLd(offset ) ， 将 向 量 转换 成 BoX2D 坐 标 
circle.m p.set(offset.x,offset.y); 设置 圆圈 的 位 置 


接 下 来 开始 绘制 物体 , 我 们 可 以 使 用 rect() 函数 和 eLLipse() 函数 绘制 物体 , 绘制 过 程 中 需 
要 注意 圆圈 的 偏 移 。 





_5_5_ MultiShapes 
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示例 代码 5-5 ”为 物体 设置 多 个 形状 


void display() { 
Vec2 pos = box2d.getBodyPixelCoord(body); 
float a = body.getAngle(); 





rectMode (CENTER) ; 
pushMatrix(); 
translate(pos.x,pPpos.y); 
rotate(-a) ; 

fiLL(175 ) ; 

stroke(0); 


rect(0,0,w,h): 首先 绘制 (0,0) 点 的 矩形 


ellipse(0,—h/2,r*2,r*2); 在 (0,-h/2) 处 绘制 圆圈 
popMatrix(); 
} 
在 本 节 的 最 后 ， 我 想 强 调 以 下 几 点 : 仅仅 在 Box2D 中 创建 物体 对 象 并 不 会 让 Processing 中 的 
图 形 具备 物体 特性 ,我 们 还 需要 小 心 站 让 地 根据 Box2D 的 结果 绘制 这 些 图 形 ; 如 果 你 碰巧 用 错误 
的 方式 绘制 了 这 些 物体 ，Processing 和 Box2D 都 不 会 给 任何 错误 提示 ; 但 这 时 候 Sketch 的 运行 结果 
会 变 得 非常 奇怪 ， 让 你 党 得 物理 库 出 现 了 错误 。 举 个 例 了 于 ， 在 上 面 的 代码 中 有 : 


Vec2 offset = new Vec2(0,-h/2); 


我 们 在 (0,-h/2) 的 偏 移 位 置 创建 一 个 物体 ， 但 在 绘制 它 时 ， 如 果 把 代码 写成 : 
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ellipse(0,h/2,r*2,r*2); 


最 后 的 运行 结 末 将 会 怎样 呢 ? 
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运行 结 末 看 起 来 就 和 上 图 一 样 , 我 们 看 到 物体 将 无 法 表现 出 预期 的 碰撞 行为 。 这 并 不 是 因为 
物理 库 有 错误 ， 而 是 我 们 没有 用 正确 的 方式 使 用 Box2D。 在 Box2D 中 创建 物体 ， 根 据 Box2D 的 运 
行 结 果 显 示 物 体 ， 这 两 个 过 程 都 有 可 能 产生 错误 。 


练习 5.5 


将 多 个 形状 连接 到 同一 个 物体 上 ，, 通过 这 种 方式 创建 你 自己 的 外 星 生物 ， 安 试 着 使 用 多 个 多 
边 形 构 建 一 个 外边 形 。 记 住 , 绘制 形状 的 方式 并 没有 任何 限制 ,你 可 以 用 图 像 绘制 ,也 可 以 


用 各 种 颜色 ,还 可 以 用 线条 绘制 外 星 生 物 的 头发 。Box2D 的 形状 只 是 物体 的 骨架 ,你 可 以 在 
这 个 骨架 上 添加 很 多 人 额外 元 素 。 





5.11 Box2D 关节 


Box2D 的 关 市 能 将 两 个 物体 连接 在 一 起 ,常用 于 一 些 高 级 物理 模拟 ， 比 如 钟 摆 的 摆动 、 弹 和 蝎 
连接 、 粘 性 物体 和 轮子 滚动 等 。Box2D 的 关 市 分 成 多 种 类 型 ， 在 本 章 ， 我 们 会 学 习 以 下 3 种 类 型 
的 天 方 : 距离 天 节 、 旗 转 天 节 和 鼠标 大玉。 

让 我 们 从 距离 关 市 开始 ,距离 关 市 用 固定 的 长 度 将 两 个 物体 连接 在 一 起 。 关 市 通过 销 点 ( 相 
对 于 物体 中 心 点 的 坐标 ) 连接 到 物体 上 。 对 任何 Box2D 关 节 ， 我 们 都 需要 按照 一 定 的 步骤 将 它们 
和 物体 相连 ， 方 法 和 前 面 创 建物 体 和 形状 一 样 。 


步骤 1: 确保 程序 中 有 两 个 物体 。 

步骤 2: 定义 关 市 。 

步骤 3: 配置 关节 的 属性 。 《连接 哪些 物体 ? 锚 点 在 哪里 ? 它 的 静止 长 度 是 多 少 ? 它 是 弹性 
的 还 是 刚性 的 ? ) 

步骤 4: 创建 关 市 。 
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图 5$-10 





假设 有 两 个 粒子 对 象 pl1 和 p2， 它 们 分 别 有 一 个 引用 指向 Box2D 物 体 对 和 象 。 


new Particle(); 
new Particle(); 


Particle pl 
Particle p2 


下 面 转 问 步 台 2， 让 我 们 来 定义 关 市 。 
DistanceJointDef djd = new DistanceJointDef(); 
很 简单 ， 对 吧 ? 下 面 我 们 要 做 的 是 配置 关节 的 属性 。 首 先 ， 我们 需要 指定 它 连 接 的 物体 : 


djd.bodyA 
djd.bodyB 


然后 ， 设 定 一 个 静止 长 度 。 记 住 ， 如 条 静 止 长 度 是 用 像素 表示 的 ， 我 们 应 该 先 将 它 转化 为 
Box2D 长 度 。 
djd. length = box2d.scalarPixelsToWorld(10); 
距离 关节 还 有 两 个 可 选 设 置 , 这 两 个 设置 能 让 关节 具有 弹性 ， 束 像 是 弹 敬 的 连接 。 它 们 分 别 
: frequencyHz 和 dampingRatio。 








pl1.body:; 
p2.body:; 











喇 


djd.frequencyHz = : 以 赫 效 为 单位 ， 就 像 简 谐振 荡 的 频率 ， 你 可 以 试 着 
填 入 1~5 的 数字 


djd.dampingRatio = 弹性 阻尼 ， 介 于 0~1 


最 后 ,创建 关 市 。 


DistanceJoint dj = (DistanceJoint) box2d.world.createJoint(djd); 


Box2D 并 不 会 记录 关节 类 型 ， 因 此 我 们 需要 将 它 强 制 转 成 DistanceJoint 类 型 。 
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我 们 可 以 在 Sketch 的 任意 位 置 创建 Box2D 关 方 。 下 面 的 例子 展示 了 如 何 用 类 描述 物体 之 间 的 
关连 接 。 


_5_6 Distancejoint 





示例 代码 5-6 ”距离 关节 


class Pair { 


Particle pl; 两 个 具有 BoOX2D 物 体 引 用 的 对 象 
Particle p2; 


float Len = 32; 任意 静止 长 度 
Pair(float x, float y) { 


new Particle(x,y); 如 果 所 有 物体 都 在 相同 的 位 置 ， 就 会 出 现 问题 
new ParticLe(x+random(-1,1),y+random(-1,1) ) ; 


pl 
p2 


DistanceJointDef djd = new DistanceJointDef(); 创建 关节 | 


djd.bodyA pl.body; 

djd.bodyB p2.body; 

djd. length = box2d.scalarPixelsToWorld( Tlen); 
djd.frequencyHz = 0; // 尝试 一 个 小 于 5 的 值 
djd.dampingRatio = 0; // 0~1 的 范围 


DistanceJoint dj = (DistanceJoint) box2d.world.createJoint(djd); 
创建 关节 ， 注 意 我 们 并 没有 存放 关节 引用 ! 后 面 我 
们 可 能 需要 使 用 它 但 在 术 例 中 这 么 做 是 可 行 的 


} 

void display() { 
Vec2 posl box2d.getBodyPixelCoord(p1.body); 
Vec2 pos2 = box2d.getBodyPixelCoord(p2.body); 
stroke(0); 
line(posl.x,posl.y,Ppos2.x,Ppos2.y); 


pl.display(); 
p2.display(); 
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练习 5.6 


如 下 图 所 示 ， 用 Box2D 关节 将 一 组 圆圈 〈 或 者 矩形 ) 连接 在 一 起 ， 形 成 一 座 桥梁 。 将 密度 
设 为 0， 以 锁定 桥梁 的 端点 位 置 。 测 试 桥梁 在 不 同 “弹性 ”下 的 效果 。 有 一 点 需要 注意 : 关 


节 并 没有 几何 形态 ， 因 此 为 了 让 你 的 桥梁 没有 孔洞 ， 节 点 之 间 的 距离 很 重要 。 


Ex_5_6_Bridge 





除了 距离 关 市 ,你 还 可 以 创建 次 转 关节 。 旋转 关 市 用 一 个 锚 抬 将 两 个 物体 连接 在 一 起 ,这 个 
锚 点 有 时 候 称 作 “ 枢 轴 点 ”。 旗 转 关 有 还 有 一 个 “角度 ”用 于 描述 物体 间 的 相对 转动 。 创 建 旋转 
关 方 的 方法 和 创建 距离 天方 一 样 。 








物体 1 





< 一 销 点 


物体 2 
图 5-11 
5.11.1 步骤 1: 确保 有 两 个 物体 
假设 我 们 有 两 个 盒子 对 象 ， 每 个 盒子 对 象 分 别 有 一 个 指向 Box2D 物 体 对 象 的 引用 。 


Box boxl 
Box box2 


5.11.2 ”步骤 2: 定义 关节 


现在 ， 我 们 需要 创建 一 个 RevoLuteJointDef 对 象 。 


RevoLuteJointDef rjd = new RevolutejJointDef(); 


new Box(); 
new Box(); 
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5.11.3 ”步骤 3: 配置 关节 的 属性 
旋转 关节 最 关键 的 属性 就 是 连接 的 物体 和 物体 之 间 的 共同 销 点 〈 也 就 是 它们 相互 连接 的 位 
置 )， 这 几 个 属性 都 通过 initiaLize() 函 数 设置 。 
rjd.initiaLize(boxl.body，box2,.body，boxl.body,getwWorLdCenter() ) ; 
为 数 的 前 两 个 参数 指定 了 两 个 物体 对 象 , 最 后 一 个 参数 指定 了 锚 点 , 本 例 的 锚 点 位 于 第 一 个 


物体 的 中 央 。 
RevoluteJoint 还 有 一 个 令 人 激动 的 特性 ， 你 可 以 加 上 驱动 马达 ， 让 它 目 主 旋 转 。 比 如 : 





rjd.enableMotor = true; 开启 马达 


rjd.motorSpeed = PI*2; 设置 马达 的 速度 


rjd.maxMotorTorque = 1000.0; 设置 马达 的 强度 





在 程序 运行 过 程 中 ,你 可 以 关闭 或 者 开局 这 个 驱动 马达 。 
最 后 ， 旗 转 关 届 的 旋转 程度 可 以 被 限制 在 两 个 角度 之 间 。( 默认 情况 下 ， 它 可 以 旋转 360 上 度 ， 
也 就 是 2x 弧 度 。) 


rjd.enableLimit = true; 
rjd. LowerAngle -PI/8; 
rjd.upperAngle = PI/8; 


5.11.4 ”步骤 4: 创建 关节 

RevoLuteJoint joint = (RevoluteJoint) box2d.world.createJoint(rjd); 

把 上 述 所 有 步骤 放 在 一 个 类 中 ， 我 们 把 这 个 类 叫 作风 车 类 《WindmitLt ) , 它 的 作用 是 用 旋转 
关 方 将 两 个 物体 连接 在 一 起 。 在 本 例 中 , box1 物 体 的 密度 等 于 0, 因此 只 有 box2 会 绕 看 销 点 旋转 。 


MA _5_7_Revolutejoint 
© 








Click mouse to toggle motor. 
Motor: OFF 





示例 代码 5-7 旋转 的 风车 
class Windmill { 


风车 对 象 (WindmiLL) 由 两 个 BOX 对 象 和 一 个 关节 


RevoluteJoint joint; 
组 成 
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Box boxil; 
Box box2; 


Windmill(float x, float y) { 


boxl = new Box(x,y,120,10,Tfalse); 在 本 例 中 , BOX 类 需要 一 个 布尔 参数 决定 BOX 对 和 象 是 
box2 = new Box(x,y,10,40,true); 固定 的 还 是 运动 的 ,请 在 本 书 源 代 码 中 查看 BOX 类 的 
实现 


RevoluteJointDef rjd = new RevoluteJointDef(); 


rjd.initialize(boxl.body, box2.body, boxl.body.getWorldCenter()); 
关节 将 两 个 物体 连 在 一 起 ， 锚 点 在 第 一 个 物体 的 中 央 


rjd.motorSpeed = PI#2 ， 这 是 一 个 马达 


rjd.maxMotorTorque = 1000.0; 
rjd.enableMotor = true; 


joint = (RevoLuteJoint) box2d.world.createJoint (rjd); 创建 关节 

} 

void toggleMotor() { 开启 或 关闭 马达 
Boolean motorstatus = joint.1IsMotorEnabLed () ; 
joint.enableMotor(!motorstatus); 

} 





void display() { 
boxl.display(); 
box2.display() 


4 


练习 5.7 
请 用 旋转 关节 模拟 车 轮 的 转动 ,用 驱动 马达 让 汽车 自主 行驶 ,尝试 着 用 ChainShape 表示 路 面 。 


SS 
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最 后 ， 让 我 们 来 看 看 鼠标 关节 。 鼠 标 关 节 用 于 以 下 场景 : 用 鼠标 控制 物体 的 运动 。 然 而 ， 它 
还 可 以 用 于 将 物体 拉 到 屏 友 中 的 某 个 固定 位 置 。 鼠 标 关 节 的 作用 就 是 将 物体 拉 到 某 个 “目标 ” 
位 置 。 

在 我 们 学 习 忌 标 关 站 (MouseJoint ) 对 象 之 前 ， 先 要 知道 为 什么 需要 它 。 如 果 你 看 过 Box2D 
的 文档 ， 你 会 发 现 setTransform() 国 数 ， 这 个 因数 的 作用 是 指定 “物体 原点 的 位 置 和 旋转 的 角 
度 ”。 既 然 物体 拥有 位 置 ， 为 什么 我 们 不 直接 将 物体 的 位 置 指定 为 鼠标 的 坐标 ? 


Vec2 mouse = box2d.screenToWorld(x,y); 
body.setTransform(mouse, 0); 


尽管 这 会 让 物体 发 生 移动 , 但 会 带 来 一 些 不 好 的 结果 : 破坏 物理 规划。 想象 一 下 ， 你 制造 了 
一 个 隐形 传送 机 ， 它 能 让 你 从 卧室 瞬间 移动 到 厨房 《适合 深夜 吃 零 食 )。 现 在 ， 请 改写 牛顿 运动 
定律 ， 让 它 适应 这 个 隐形 传送 机 的 存在 。 这 并 不 人 简单， 是 吗 ?Box2D 也 有 同样 的 问题 。 手 动 指定 
物体 的 位 置 就 相当 于 “传送 这 个 物体 ”， 这 时 候 ，Box2D 就 无 法 进行 正确 的 物理 计算 。 


但 Box2D 人 允许 你 在 目 己 号 上 绑 一 根 绳子 ,假设 这 时 候 你 的 朋友 在 厨房 ,他 可 以 用 这 根 绳子 把 
你 拉 过 去 。 这 就 是 鼠标 关节 做 的 事 ， 它 就 像 一 根 绳子 ， 能 把 物体 拉 到 某 个 目标 位 置 。 

下 面 来 看 看 如 何 创建 鼠标 关节 。 假 设 我 们 有 一 个 盒子 对 象 名 为 box， 下 面 这 段 代 码 和 距离 天 
节 创 建 是 一 样 的 ， 除 了 一 个 细小 的 差别 。 
































MouseJointDef md = new MouseJointDef(); 和 之 前 做 的 一 样 ， 定 义 关节 
md.bodyA = box2d.getGroundBody (); 这 是 一 段 新 代 码 | 
md.bodyB = box.body; 连接 BOX 物 体 
md.maxForce = 5000.0; 设置 属性 


md.frequencyHz = 5.0; 
md.dampingRatio = 0.9; 


MouseJoint mouseJoint = (MouseJoint ) 创建 关节 
box2d.worLd.createJoint(md ) ， 





有 个 问题 ， 下 面 这 行 代码 有 什么 用 ? 

md.bodyA = box2d.getGroundBody (); 

在 本 节 开 头 , 我 们 提 到 关节 是 两 个 物体 之 间 的 连接 。 对 于 鼠标 关节 ,我 们 可 以 把 地 面 当 作 第 
二 个 物体 。 那 么 ，Box2D 的 地 面 是 什么 ? 你 可 以 把 屏幕 想象 成 地 面 。 我 们 要 做 的 就 是 用 鼠标 关节 
将 矩形 物体 和 窗口 达 接 在 一 起 ， 鼠 标 关 市 的 连接 点 就 是 物体 运动 的 目标 。 


有 了 鼠标 关节 ， 我 们 可 以 在 Sketch 运行 过 程 中 改变 目标 位 置 。 
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Vec2 mouseWorld = box2d.coordPixelsToWorld(mouseX,mouseY); 
mouseJoint.setTarget (mouseWorld); 


为 了 让 整个 程序 能 在 Sketch 中 运行 ， 我 们 需要 以 下 几 部 分 。 

(1) 盒子 类 ”该 对 象 用 于 表示 Box2D 物 体 。 

(2) 弹 筑 类 该 对 象 用 于 管理 鼠标 关节 ， 鼠 标 关 节 的 作用 是 拉动 盒子 对 象 。 

(3) 主 程序 每 次 mousePressed () 函数 被 调用 时 ， 都 创建 一 个 鼠标 关节 ; 每 次 mouseRelea- 
sed () 国 数 被 调用 时 ， 就 销毁 鼠标 关节 。 这 么 做 是 为 了 只 在 鼠标 被 点 击 时 才 操 纵 物 体 。 

让 我 们 来 看 看 主 程序 中 的 代码 ， 其 余 代码 可 以 在 本 书 的 随 书 源 代码 中 找到 。 














一 一 一 人 








示例 代码 5-8 ”鼠标 关节 演示 


PBox2D box2d ; 


Box box; 1 
Spring spring; 管理 鼠标 关节 的 对 象 


void setup() { 
size(400,300); 
box2d = new PBox2D (this); 
box2d. createWorld(); 


box = new Box(width/2,height/2); 


spring = new Spring(); MouseJoint 的 值 为 室 ， 直 到 我 们 点 击 筷 标 
} 
void mousePressed() { 
if (box.contains (mouseX, mouseY)) { 是 否 在 BOX 对象 内 点 击 和 鼠标 ? 
spring.bind(mouseX, mouseY, box); 如 果 是 ， 就 连接 鼠标 关节 
} 


} 


void mouseReleased() { 
spring.destroy() ; 和 鼠标 被 释放 时 ， 销 毁 和 鼠标 关节 
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} 


void draw() { 
background (255); 
box2d. step(); 


spring.update(mouseX, mouseY); 必须 时 常 更 新 鼠标 关节 的 目标 


box.display(); 
spring.display(); 


练习 5.8 


用 鼠标 关节 控制 一 个 Box2D 物体 的 移动 ， 它 根据 的 是 某 个 算法 或 鼠标 之 外 的 其 他 输入 。 比 


如 ,用 Perlin 噪声 算法 确定 目标 位 置 , 或 者 通过 键盘 按键 确定 目标 位 置 。 你 还 可 以 用 Arduino 
(http:Wwww.arduino.cc/ ) 创建 自己 的 控制 器 。 





尽管 这 种 用 鼠标 关节 拉动 物体 的 技术 非常 重要 ， 但 Box2D 人 允许 将 物体 的 类 型 设 为 
KINEMATIC， 这 也 可 以 达到 同样 的 效果 。 


BodyDef bd = new BodyDef () ; 
bd.type = BodyType.KINEMATIC ; 将 物体 的 type 设 为 KINEMATIC 


用 户 可 以 下 接 设置 KINEMATIC 物 体 的 运动 速度 。 举 个 例子 ， 如 果 想 让 物体 跟随 某 个 日 标 ( 比 
如 鼠标 ) 运动 ， 你 可 以 创建 一 个 由 物体 指向 目标 位 置 的 向 量 。 





Vec2 pos = body.getWorldCenter(); 
Vec2 target = box2d.coordPixelsToWorld(mouseX,mouseY); 


Vec2 v = target. sub(pos); 一 个 由 物体 位 置 指 向 鼠标 位 置 的 向 量 


有 了 这 个 向 量 之 后 , 你 可 以 将 它 指定 为 物体 的 运动 速度 。 这 样 一 来 ,物体 就 会 朝 着 日 标 位 置 
移动 。 


body. setLinearVelocity(v); 直接 设置 物体 的 速度 ， 敌 盖 物 理 库 的 值 ! 
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对 角速度 ， 你 也 可 以 进行 相同 的 操作 ( 或 完全 忽略 角速度 ， 让 物理 库 去 处 理 它 )。 


注意 ，KINEMATIC 类 型 的 物体 并 不 会 和 其 他 KINEMATIC 物 体 发 生 碰撞 ， 也 不 会 和 静止 的 物体 
发 生 碰 撞 。 因 此 ， 鼠 标 关 节 更 适用 于 本 例 。 








练习 5.9 


用 KINEMATIC 类 型 的 物体 重新 实现 练习 5.8。 





5.12 回 到 力 的 话题 


在 第 2 草 ， 我 们 花 了 很 多 时 间 人 研究 如 何 模 拟 环境 中 各 种 力 的 作用 。 一 个 物体 可 能 会 受 重 力 、 
风力 、 空 气 阻 力 等 的 影响 。 很 显然 ，Box2D 中 也 存在 力 的 作用 ， 因 为 我 们 看 到 前 面 的 各 种 矩形 
和 加 会 在 屏 磋 中 旋转 和 移动 。 但 到 目前 为 止 , 我 们 只 学 会 了 如 何 操 纵 其 中 的 一 个 全 局 作用 力 一 一 
重力 。 


box2d = new PBox2D (this); 
box2d. createWorld(); 


box2d. setGravity(0, -20); 设置 全 局 的 重力 





如 果 想 在 Box2D 中 使 用 第 2 章 的 技术 ， 我 们 只 需要 人 研究 其 中 的 appLyForce() 困 数 。Mover 类 
实现 了 这 个 appLyForce() 上 因数: 它 的 参数 是 一 个 回 量 ， 困 数 内 部 将 这 个 同 量 除 以 质量 ， 再 把 得 
到 的 结果 加 到 运动 者 对 象 的 加 速度 上 。Box2D 也 有 同样 的 函数 ， 而 且 不 需要 我 们 去 实现 它 。 我 们 
可 以 直接 在 Box2D 的 物体 上 调用 appLyForce( ) 因数 ! 


class Box { 
Body body; 





void applyForce(Vec2 force) { 
Vec2 pos = body.getWorldCenter(); 


body.applyForce(force, pos); 调用 物体 的 appLyForce( ) 有 函数 


} 
} 


以 上 程序 得 到 一 个 力 向 量 , 并 将 它 作 用 在 Box2D 物 体 上 。 和 第 2 章 中 的 示例 程序 相 比 , Box2D 
是 一 个 更 复杂 的 物理 引擎 。 前 面 的 示例 程序 假设 力 总 是 作用 在 物体 的 中 心 点 , 但 在 Box2D 中 ,我 
们 需要 指定 力 在 物体 上 的 作用 位 置 。 尽管 以 上 程序 还 是 将 力作 用 在 物体 的 中 心 点 上 , 但 力 的 作用 
扩 是 可 设置 的 ， 它 可 以 不 在 中 心 点 上 。 


假设 我 们 需要 模拟 引力 ， 在 第 2 章 ， 我 们 在 Attractor 类 中 模拟 了 引力 ， 你 还 记得 我 们 当时 
是 怎么 做 的 吗 ? 
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PVector attract(Mover m) { 


} 


我 们 可 以 用 vec2 重 新 实现 同样 的 函数 , 并 在 Box2D 中 使 用 它 。 力 的 计算 过 程 完 全 基于 Box2D 


PVector force = PVector.sub(location,m.location); 

float distance = force,mag() ; 

distance = constrain(distance,S5.0,25.0); 

force.normalize(); 

float strength = (g * mass * m.mass) / (distance * distance); 
force.mult(strength); 

return force; 





坐标 ， 不 需要 任何 像素 坐标 。 


Vec2 attract(Mover m) { 


请 在 前 面 的 程序 中 选择 一 个 涉及 力 的 计算 例子 ， 将 程序 中 的 力 引 入 Box2D 的 世界 。 


Vec2 pos = body.getwWorLdCenter () ; 首先 我 们 要 向 BoX2D 询 问 位 置 


Vec2 moverPos = m.body.getwWorLdCenter () 

Vec2 force = pos.sub(moverPos); 

float distance = force,Length() 

distance = constrain(distance,1,5); 

force.normalize( ); 

float strength = (G * 1 * m.body.m mass) / (distance * distance ) ; 


force.mulLocal (strength); 记 住 , 在 BOX2D 中 ,向量 相 腾 的 吕 数 是 mulLocal() 


return force; 


Om Ex 5_10 AttractionApplyForce 





5.13 


我 们 已 经 看 到 Box2D 的 很 多 功能 ， 
解 Box2D 物 理 引 警 的 所 有 特性 。 前 面 我 们 已 经 学 到 物体 创建 、 形 状 和 关节 等 知识 ,这些 知 识 能 让 
我 们 快速 学 会 更 多 Box2D 特 性 。 但 除 此 之 外 ， 我 觉得 有 必要 讲解 Box2D 的 男 一 个 特性 


碰撞 事件 





但 由 于 本 书 并 不 是 则 在 介绍 Box2D 的 本 质 ， 因 此 不 在 此 讲 








和 完 问 一 个 让 人 困惑 已 久 的 问题 : 
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“假如 我 想 在 Box2D 物 体 碰 撞 时 做 一 些 操 作 ， 该 怎么 做 ? 我 很 高 兴 Box2D 会 替 我 处 
理 所 有 的 物体 碰撞 ， 但 是 如 果 它 掌管 了 所 有 事情 ， 我 如 何 知道 这 些 事情 何 时 发 生 ? ” 


对 于 两 个 物体 是 否 会 发 生 碰 撞 , 你 的 第 一 想法 可 能 是 这 样 的 :系统 中 的 所 有 物体 都 是 已 知 的 ， 
它们 的 位 置 也 是 已 知 的 , 我 们 可 以 比较 这 些 位 置 ， 看 看 哪些 物体 是 相交 的 , 由 此 判断 它们 是 否 发 
生 碰 撞 。 这 是 一 个 不 错 的 想法 ,但 你 忽略 了 一 个 事实 ,使 用 Box2D 的 原因 就 是 它 会 替 我 们 接管 所 
有 事情 。 通 过 几何 计算 检测 碰撞 是 否 发 生 的 做 法 相当 于 重新 实现 Box2D ， 而 不 是 使 用 它 。 

当然 ，Box2D 之 前 也 考虑 了 这 个 问题 ， 因 为 这 是 很 常见 的 场景 。 举 个 例子 ， 如 末 你 打算 做 一 
球 名 为 “ 异 怒 的 小 鸟 ”的 游戏 ， 在 小 岛 和 纸 盒 碰 撞 的 有 瞬间， 最 好 同时 插入 一 些 其 他 操作 ， 让 碰撞 
效果 看 起 来 更 有 趣 ， 这 样 才能 让 你 的 游戏 大 卖 。Box2D 通 过 “接口 ”提醒 碰撞 事件 发 生 的 时 刻 ， 
在 这 里 , 我 们 有 必要 和 学习 接 口 的 相关 知识 , 这 是 面 问 对 象 编程 的 一 项 高 级 特性 。 你 可 以 查看 Java 接 口 
教程 ( http://download.oracle.conyjavase/tutorial/java/concepts/interface.html ) 和 JBox2D ContactListener 
类 的 文档 。( 我 还 在 本 书 的 网 站 上 放 了 一 个 接口 的 演示 程序 。) 

如 果 你 使 用 了 PBox2D， 就 不 需要 用 接口 实现 物体 碰撞 。 在 PBox2D 中 ,碰撞 事件 的 检测 是 通 
过 一 个 回调 函数 完成 的 ， 束 像 Processing 中 的 mousePressed() 函数 : 鼠标 被 点 击 时 ， 
mousePressed() 拯 数 束 会 被 触发 。 两 个 物体 发 生 碰 撞 时 ，beginContact () 函数 会 被 触发 。 





























void mousePressed() { 我 们 非常 习惯 mousePressd 事 件 的 回调 方式 
printLn("The mouse was pressed!"); 

} 

void beginContact(Contact cp) { 碰撞 事件 的 回调 方式 


println("Something collided in the Box2D World!"); 





在 以 上 代码 能 运作 之 前 , 你 必须 让 PBox2D 开 局 对 碰撞 事件 的 监听 。( 这 种 机 制 能 让 物理 引擎 
减少 性 能 开销 ， 只 有 在 必要 情况 下 才 会 去 监听 碰撞 。) 
void setup() { 


box2d = new PBox2D (this):; 
box2d. createWorld!( ); 


box2d. listenForCollisions(); 如 果 你 想 监听 碰撞 ， 请 加 上 这 行 代码 








} 
PBox2D 有 4 个 页 撞 回 调 也 数 。 


(1) beginContact () 一 一 两 个 形状 刚 开 始 接触 时 触发 这 个 函数 。 

(2) endContact() 一 一 两 个 形状 碰撞 结束 时 触发 这 个 函数 。 

(3) preSolve() 一 一 在 Box2D 开 始 处 理 碰撞 结 采 时 被 触发 ， 也 就 是 在 beginContact() 据 数 
之 前 触发 ， 该 函数 可 用 于 阻止 一 次 碰撞 。 

(4) postSotLve () 一 一 在 Box2D 处 理 完 碰 撞 绪 采 后 被 触发 ， 该 函数 允许 你 收集 “碰撞 处 理 ” 
(也 称 为 “ 神 击 ”) 的 相关 信息 。 
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preSoLve() 和 postSotLve() 函数 的 实现 细节 已 经 超出 了 本 书 的 讨论 范畴 ; 我 们 应 该 详细 了 
解 beginContact() 困 数 , 这 个 函数 涵盖 了 大 部 分 的 常规 碰撞 处 理 操 作 。endContact() 孙 数 的 工 
作 方 式 和 beginContact () 因数 类 似 ， 唯 一 的 区 别 就 是 它 在 物体 分 离 时 被 触发 。 


beginContact () 函数 的 使 用 方式 如 下 : 


void beginContact(Contact cp) { 








} 

注意 上 面 的 函数 有 一 个 Contact 类 型 的 参数 ，Contact 对 象 包含 一 次 伞 撞 的 所 有 数据 一 一 几 
何 信息 和 力 的 数据 。 假 设 有 一 个 Sketch 程序 , 其 中 包含 很 多 粒子 对 象 , 每 个 对 象 分 别 有 一 个 Box2D 
物体 对 象 引 用 ， 接 下 来 我 们 要 处 理 它 们 之 间 的 碰撞 。 








5.13.1 步骤 1: contact 对 象 ， 你 能 否 告诉 我 哪 两 个 物体 发 生 了 础 撞 


是 什么 东西 发 生 了 碰撞 ?” 物体 ， 形状， 还 是 夹具 ? Box2D 通 过 形状 检测 碰撞 ， 因 为 只 有 形状 
对 象 拥有 几何 外 形 。 但 形状 通过 夹具 连接 到 物体 上 ， 因 此 我 们 应 该 向 Box2D 询 问 :“ 你 能 否 告诉 
我 哪 两 个 夹具 发 生 了 碰撞 ? ” 





Fixture f1 
Fixture f2 


5.13.2 ”步骤 2: 夹具 对 象 ， 你 能 否 告 诉 我 你 连接 在 哪个 物体 上 


Body bl 
Body b2 


cp.getFixtureA(); Contact 对 象 存 放 了 发 生 碰撞 的 夹具 A 和 夹具 B 
cp.getFixtureB(); 


f1.getBody () ; getBody () 函数 告诉 我 们 夹具 连 在 哪个 物体 上 
f2.getBody(); 


5.13.3 ”步骤 3: 物体 ， 你 能 否 告诉 我 你 连接 在 哪个 粒子 对 象 上 


这 部 分 相对 困难 ， 因 为 Box2D 对 我 们 的 代码 一 无 所 知 。 它 只 是 负责 管理 形状 、 物 体 和 关节 之 
间 的 联系 ， 管 理 Processing 对 象 和 Box2D 对 象 的 任务 在 我 们 上 自己 里 上。 斑 运 的 是 ，Box2D 提 供 了 
getUserData( ) 晒 数 和 setUserData( ) 国 数 ， 通 过 这 两 个 晒 数 ， 我 们 可 以 将 一 个 Processing 对 象 
(粒子 对 象 ) 连接 到 Box2D 物 体 上 。 


粒子 类 的 构造 函数 负责 创建 物体 对 象 。 在 创建 过 程 中 ， 我们 要 再 加 入 一 些 代码 ， 如 下 所 示 : 


class Particle { 
Body body; 





Particle(float x, float y, float r) { 
BodyDef bd = new BodyDef(); 
bd.position = box2d.coordPixelsToWorld(x, y); 
bd.type = BodyType.DYNAMIC ; 
body = box2d.createBody(bd ) ; 
CircleShape cs = new CircleShape(); 
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cs.m radius = box2d.scalarPixelsToWorld(r); 
body.createFixture(fd,1); 


body .setUserData (this); “this” 指 当前 的 粒子 对 象 ， 我 们 让 BOX2D 对 象 存 
放 这 个 粒子 对 象 的 引用 ， 以 方便 之 后 的 访问 


} 
在 addContact () 郴 数 中 ， 一 旦 我 们 知道 了 碰撞 的 物体 ， 就 可 以 通过 getUserData( ) 函数 获 
取 物 体 对 应 的 粒子 对 象 。 


_5_9 CollisionListening 





示例 代码 5-9 ”碰撞 监听 
void beginContact(Contact cp) { 


Fixture fl = cp.getFixtureA(); 
Fixture f2 = cp.getFixtureB(); 


Body bl = fl1.getBody'() ; 

Body b2 = f2.getBody'() ; 

Particle pl = (Particte)b1.getUserData( ) ; 当 我 们 从 “用 户 数据 对 象 中 抽取 物 体 对 象 时 ， 需 

Particle p2 = (Particle)b2.getUserData(); 要 将 它 强 制 转 成 粒子 对 和 象 ， 因 为 BOX2D 并 不 知道 对 
象 的 类 型 

pl.change(); 一 旦 有 了 粒子 对 象 ， 我 们 就 可 以 对 它 做 任何 事情 。 

p2.change(); 在 这 里 ， 我 们 调用 Change 函 数 ， 改 变 它 的 颜色 


} 


在 很 多 情况 下 ， 我 们 不 能 假设 磁 撞 的 物体 都 是 粒子 对 象 。Sketch 中 可 能 同时 存在 边界 对 象 、 
粒子 对 象 、 盒 于 对象 等 。 所 以 ,我 们 需要 查询 这 部 分 “用 户 数 据 ”"， 并 核实 对 象 类 型 。 





Object ol = bl.getUserData(); 获取 一 个 泛 型 对 象 


if (ol.getClass() == Particle.class) { 询问 对 象 是 否 为 ParticlLe 


Particle p = (Particle) ol1; 
p.change(); 
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还 需要 注意 一 点 ， 在 Box2D 触 发 这 些 回 调 函 数 时 ， 你 不 能 在 beginContact() 、endContact()、 
preSotLve() 或 者 postSoLve () 因数 中 创建 或 销毁 任何 Box2D 对 象 。 如 果 你 有 这 方面 需求 ， 可 以 
在 对 象 内 部 设置 一 个 变量 (诸如 : markForDeletion = true )， 然 后 在 draw( ) 函数 中 检查 并 删 
除 相 应 的 对 象 。 





练习 5.11 


请 思考 如 何在 上 述 例子 中 使 用 多 态 。 编 写 一 个 程序 ， 让 多 个 类 继承 自 基 类 ， 并 去 除 重复 的 测 
试 代码 。 


练习 5.12 


请 用 上 面 提 到 的 方法 ， 模 拟 粒子 对 象 在 碰撞 后 消失 的 场景 。 





5.14 ”小 插曲 : 积分 法 


下 面 的 情况 是 否 经 常 发 生 在 你 身上 ”你 在 参加 一 个 肾 华 的 鸡尾酒 晚会 , 期 间 回 朋友 高 侃 物理 
模拟 工作 ， 突 然 有 人 说 :“ 你 的 工作 真 不 错 ! 但 我 想 知道 你 用 的 积分 法 是 什么 ?” ”你 会 在 心里 默 
默 问 自 己 :“ 什 么 是 积分 法 ? ” 

或 许 你 以 前 曾 听 说 过 这 个 术语 ,“ 积 分 ”是 微 积 分 学 中 的 两 个 重要 运算 之 一 ， 另 一 个 运算 是 
“微分 ”。 听 到 微 积 分 , 你 可 能 感到 非常 困惑 。 幸运 的 是 : 我 们 已 经 学 完 本 书 90% 的 物理 模拟 知识 ， 
却 从 来 没有 真正 需要 研究 过 微 积分 。 本 章 话 题 即 将 步 和 人 尾声, 我 觉得 有 必要 花 点 时 间 介 绍 背 后 的 
微 积 分 原理 ， 它 关系 到 某 些 物理 库 ( 像 Box2D 和 后 面 的 toxiclibs ) 的 实现 方法 。 


先 来 回答 这 个 问题 :“ 积 分 和 物体 的 位 置 、 速 度 以 及 加 速度 有 什么 关系 ? ”首先 , 让 我 们 先 来 
定义 微分 的 概念 ,微分 束 是 求 “ 导 数 ”。 求 函数 的 导数 就 是 找到 函数 随时 间 变 化 的 规律 。 请 思考 位 
置 和 位 置 的 导数 ， 位 置 是 空间 中 的 一 个 点 ， 而 速度 就 是 位 置 随时 间 的 变化 ， 因 此 ， 速 度 可 以 摘 述 
为 位 置 的 “导数 "。 什 么 必 加 速度 呢 ? 加 速度 就 是 速度 随时 间 的 变化 一 一 也 就 是 速度 的 “导数 ”。 

理解 导数 (微分 ) 的 概念 后 ， 就 可 以 开始 定义 积分 的 概念 了 了， 求 积 是 求 导 的 逆 运 算 。 换 句 话 
说 ， 计 算 速 度 对 时 间 的 积分 ， 就 能 得 到 对 象 在 相应 时 间 点 的 位 置 。 位 置 是 速度 的 积分 ， 速 度 是 加 
速度 的 积分 。 由 于 前 面 的 物理 模拟 是 建立 在 加 速度 基础 上 的 ,加 速度 是 由 力 计 算得 到 的 ， 所 以 我 
们 和 需要 用 积分 法 求解 物体 在 某 个 时 间 点 ( 如 同 动画 的 某 一 帧 ) 所 在 的 位 置 。 

因此 ， 我 们 之 前 一 下 在 做 积分 运算 ! 它 具 体 看 起 来 是 这 样 的 : 
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velocity.add(acceleration); 
location.add(velocity); 


上 面 的 方法 称 作 欧 拉 积分 或 欧 拉 方法 (以 著名 的 数学 家 莱 昂 哈 德 ， 欧 拉 命 名 )。 它 是 最 简单 
的 积分 方法 , 很 容易 用 代码 实现 ( 见 上 面 两 行 代码 ! ), 然而 , 它 并 不 是 最 有 效 、 最 准确 的 积分 法 。 
为 什么 欧 拉 积分 不 准确 ? 试想 ,你 驾驶 春 一 辆 汽车 泊 春 直路 行驶 ,你 踩 下 油门 加 速 ， 汽 车 是 否 会 
在 茶 一 秒 位 于 某 个 位 置 , 在 下 一 秒 突然 跳 到 新 的 位 置 ? 在 第 3 秒 、 第 4 秒 、 第 5 秒 也 做 同样 的 运动 ? 
事实 并 非 如 此 ， 汽 车 的 运动 应 该 是 连续 的 。 但 在 Sketch 程序 中 ， 一 个 圆 在 零 帧 处 在 某 个 位 置 ， 在 
第 1 帧 处 在 新 的 位 置 ， 在 第 2 帧 又 在 不 同 的 位 置 。 如 琳 帧 速 是 每 秒 30 帆 ,我 们 就 能 看 到 圆 移动 的 动 
画 。 在 程序 中 ， 我 们 每 阳 N 个 时 间 单 位 计算 一 次 位 置 ， 而 现实 世界 的 运动 却 是 完全 连续 的 。 这 样 
一 来 ， 我 们 的 计算 结 来 并 不 准确 ， 如 下 图 所 示 : 












































欧 拉 积分 





图 5-13 


现实 世界 中 的 轨迹 是 一 条 曲线 ， 而 用 欧 拉 积分 模拟 的 结果 是 一 条 折线 。 
有 一 种 做 法 可 以 提高 欧 拉 积分 的 准确 性 , 那 就 古 颖 短 位 置 计算 的 单位 时 间 一 一 除了 每 一 帧 计 
算 一 次 ， 我 们 还 可 以 在 一 帧 中 进行 30 次 位 置 计算 ， 但 这 不 具有 可 行 性 ， 因 为 Sketch 的 运行 速度 会 


我 仍然 认为 ， 欧 拉 方 法 是 学 习 基 础 知识 的 最 佳 方法 ， 而 且 它 也 完全 适用 于 我 们 大 多 数 的 
Processing 项 目 。 任 何在 效率 和 准确 性 上 的 损失 ， 都 能 在 易 用 性 和 可 理解 性 上 得 到 弥补 。 为 了 得 
到 更 好 的 精度 ，Box2D 使 用 了 辛 - 欧 拉 法 ( http://en.wikipedia.ore/wiki/Symplectic Euler method )， 
它 又 称 为 半 显 式 欧 拉 法 ， 是 欧 拉 法 的 修改 版 。 

此 外 ， 还 有 一 种 龙 格 - 库 塔 法 ( Runge-Kutta， 以 德国 数学 家 C. Runge 和 M. W. Kutta 命 名 )， 
它 也 被 用 在 某 些 物理 引擎 上 。 

我 们 下 一 个 物理 库 使 用 的 是 著名 的 “志和 尔 莱 积 分 法 ”( Verlet integration )。 理解 书 尔 羔 积 分 法 
的 一 种 简单 方式 是 : 脱离 速度 思考 某 个 运动 算法 。 我 们 不 一 定 需要 存储 速度 变量 ， 只 要 知道 物体 
在 某 个 时 间 点 的 位 置 和 现在 的 位 置 ,我 们 就 可 以 由 此 推 盯 速度 。 志 尔 莱 积分 法 就 是 这 样 做 的 ， 尽 
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管 没 有 速度 变量 , 它 还 是 可 以 在 运行 过 程 中 计算 速度 。 志 和 尔 莱 积分 法 特别 适合 粒子 系统 , 尤其 是 
由 弹 冤 连接 的 粒子 系统 。 在 模拟 过 程 中 ， 我 们 不 需要 关心 任何 细节 ， 因 为 toxiclibs 会 蔡 我 们 接管 
所 有 事情 。 如 采 你 对 它 的 实现 感 兴趣 ， 这 里 有 一 份 有 关 Verlet 物 理 库 的 论文 ， 儿 乎 所 有 的 Verlet 计 
算 机 图 形 模拟 都 源 目 于 此 , 这 篇 论文 是 “Advanced Character Physics”( http:/www.gamasutra.com/ 
resource guide/20030121/jacobson pfvhtm )。 你 还 可 以 在 维基 百科 中 找到 更 多 关于 韦 尔 莱 积 分 法 
的 知识 (http://en.wikipedia.org/wiki/Verlet integration )。 

















5.15 ”toxiclibs 的 Verlet Physics 物理 库 
以 下 内 容 来 目 toxiclibs.org: 


toxiclibs 是 一 个 独立 的 开源 库 集合 , 用 于 完成 与 计算 机 设计 相关 的 任务 , 它 支持 Java 
和 Processing。toxiclibs 的 开发 者 是 Karsten "toxi" Schmidt ( 至 少 目前 为 止 是 这 样 )。 为 了 
实现 在 不 同 场景 下 的 复 用 性 ，toxiclibs 的 类 设计 得 非常 通用 ， 它 适用 的 场景 包括 : 衍生 
设计 、 动 画 、 交 互 /界面 设计 、 数 据 可 视 化 、 数 字 制 造 和 教学 用 途 等 。 


我 们 应 该 感谢 toxiclibs。 本 章 的 剩余 部 分 准备 用 几 个 例子 介绍 toxiclibs 中 的 Verlet 物 理 库 ; 除 
了 Verlet 物 理 库 , toxiclibs 还 包含 一 系列 的 羡 数 包 , 涉及 音频 颜色 和 儿 何 等 .如果 你 想 用 Processing 
处 理 有 关 形 态 和 构造 的 问题 ， 可 以 看 看 toxiclibs 的 几何 函数 包 。 你 可 以 在 Open Processing 网 站 
( http://www.openprocessing.org/portal/?userID=4530 ) 找到 相关 的 示例 程序 。 
我 们 还 应 该 注意 : toxiclibs 是 专门 为 Processing 设 计 的 ， 这 是 一 个 好 消息 。 也 就 是 说 ， 我 们 将 
不 会 碰 到 Box2D 使 用 过 程 中 会 出 现 的 一 些 问题 (多 个 坐标 系统 、Box2D、JBox2D 和 PBox2D )。 你 
只 需要 下 载 toxiclibs， 将 它 放 在 库 目 录 下 ， 就 可 以 开始 使 用 了 。 它 的 坐标 系统 和 Processing 的 坐标 
系统 一 样 ， 因 此 你 不 需要 任何 坐标 转换 。 除 此 之 外 ，toxiclibs 还 不 限于 二 维 世 界 : 所 有 物理 模拟 
和 消 数 在 二 维和 三 维 的 空间 中 都 是 适用 的 。 这 样 一 来 ,你 该 如 何 选择 物理 库 呢 ?是 选 Box2D， 还 
是 选 toxiclibs? 如 采 你 的 需求 能 归 人 以 下 两 种 类 别 ， 这 个 问题 就 很 容 多 回答 。 
(1) 你 的 模拟 项 目 涉及 碰撞 ， 其 中 有 很 多 圆 、 和 矩形 和 其 他 自 定 义 形 状 的 物体 ， 它 们 之 间 会 相 
互 碰 撞 ， 础 撞 之 后 会 弹 开 。 
在 这 种 情况 下 ， 你 应 该 使 用 Box2D。toxiclibs 无 法 处 理 物 体 之 间 的 碰撞 。 
(2) 在 你 的 模拟 项 目 中 ， 屏 幕 上 有 很 多 粒子 ， 有 时 候 它 们 之 间 相 互 吸 引 ， 有 时 候 相 互 排斥 ， 
有 时 候 用 弹簧 相连 。 
在 这 种 情况 下 ，toxiclibs 是 更 佳 的 选择 。 它 比 Box2D 更 容易 使 用 ， 非 常 适用 于 粒子 系统 。 由 
于 韦 尔 莱 积 分 法 的 速度 优势 (忽略 了 物体 之 间 的 碰撞 )，toxiclibs 的 性 能 也 很 好 。 
下 表 列 出 了 两 个 物理 库 的 特性 对 比 情况 。 
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特 性 Box2D toxiclibs VerletPhysics 
几何 碰撞 是 否 
三 维特 性 四 征 
粒子 引力 / 斥 力 否 是 
弹 咎 连接 是 十 
其 他 的 连接 : 转动、 滑轮、 齿轮、 棱柱 是 否 
i 是 否 
摩擦 是 否 


5.15.1 获取 toxiclibs 
你 可 以 从 以 下 网 站 下 载 和 安装 toxiclibs: 








http://toxiclibs.org/ 

下 载 完 成 之 后 ， 你 会 发 现 toxiclibs 有 8 个 模块 ( 也 就 是 子 目录 )， 每 个 模块 都 有 目 己 的 作用 。 
举 个 例子 ， 在 本 章 中 我 们 只 需要 两 个 模块 : verletphysics 和 toxiclibscore， 但 我 还 是 建议 你 看 看 其 
他 的 模块 。 


在 Processing 的 库 上 日 录 中 安装 好 toxiclibs 之 后 (http://wiki.processing.org/w/How to Install a_ 
Contributed_Library )， 你 就 可 以 开始 学 习 下 面 的 例子 了 。 














5.15.2 ”VerletPhysics 的 核心 元 素 


我 们 花 了 很 多 时 间 学 习 Box2D 中 的 核心 元 素 : 世界 、 物 体 、 形 状 和 关节 。 这 让 我 们 能 更 快 理 
解 toxiclibs， 因 为 它 的 结构 和 Box2D 类 似 。 








Box2D toxiclibs VerletPhysics 

世界 VerletPhysics 

物体 VerletParticle 

形状 什么 都 没有 ! toxiclibs 不 处 理 几 何 形状 
夹具 什么 都 没有 ! toxiclibs 不 处 理 几 何 形状 
关节 VerletSpring 


5.15.3 toxiclibs 中 的 向 量 

还 记得 我 们 之 前 学 过 的 PVector 类 么 ”再 想 想 Box2D 中 用 到 的 回 量 ， 我 们 不 得 不 把 PVector 
中 的 各 种 概念 都 映射 到 Vec2 类 中 。 在 这 里 ， 我 们 还 需要 做 一 般 这 样 的 事 ，toxiclibs 有 目 己 的 回 量 
类 ， 它 的 Vec2D 类 用 于 表示 二 维 回 量 ，Vec3D 类 用 于 表示 三 维 回 量 。 
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toxiclibs 的 回 量 在 概念 上 是 一 样 的 , 但 是 我 们 逢 要 和 学习 新 说 法 。 你 可 以 在 这 里 找到 相关 文档 : 


DOD Vec2D (http://toxiclibs.org/docs/core/toxi/geom/ Vec2D.html ) 
口 Vec3D (http://toxiclibs.org/docs/core/toxi/geom/Vec3D.htm!l ) 


让 我们 回顾 PVector 的 基本 数学 运算 ， 然 后 将 它们 映射 成 Vec2D 的 图 数 (方便 起 见 ， 我 们 只 考 











虑 二 维 空间 )。 
PVector Vec2D 

PVector a = new PVector(1,-1); Vec2D a = new Vec2D(1,-1); 
PVector b = new PVector(3,4); Vec2D b = new Vec2D(3,4); 
a.add(b); a.addSelf(b); 
PVector a = new PVector(1, -1); Vec2D a = new Vec2D(1,-1); 
PVector b = new PVector(3,4); Vec2D b = new Vec2D(3,4); 
PVector c = PVector.add(a,b); Vec2D c = a.add(b); 
PVector a = new PVector(1, -1); Vec2D a = new Vec2D(1,-1); 
float m = a.mag(); float m = a.magnitude(); 
a.normalize(); a.normalize(); 


5.15.4 ”构建 toxiclibs 的 物理 世界 
为 了 在 示例 程序 中 构建 一 个 toxiclibs 物 理 世 界 ， 我 们 首先 需要 导入 库 。 


import toxi.physics2d.*; 导入 库 
import toxi.physics2d.behaviors.*;,; 
import toxi.geom.*,; 


然后 ， 我 们 需要 用 一 个 引用 指 问 这 个 物理 世界 ， 也 就 是 VerletPhysics 或 者 
VerletPhysics2D 对 和 象 ( 这 取决 于 我 们 在 二 维 空 间 还 是 三 维 空 间 工 作 )。 方 便 起 见 ， 本 草 的 例子 
都 在 二 维 空间 运行 ， 但 能 轻易 地 扩展 到 三 维 空间 ( 随 书 源 代码 也 包含 了 三 维 空间 的 示例 程序 )。 


VerletPhysics2D physics; 











void setup() { 
physics = new VerletPhysics2D(); 创建 toxiclibs Verlet 物 理 世 界 


有 了 这 个 VerletPhysics 对 象 之 后 , 你 可 以 为 它 设 置 一 些 参 数 。 如 果 你 想 创建 一 个 物体 无 法 
穿 过 的 边界 ， 可 以 这 么 做 : 
physics.setWorldBounds(new Rect(0,0,width,height)); 


除 此 之 外 ， 你 还 可 以 用 GravityBehavior 对 象 为 这 个 物理 世界 添加 重力 。 创 建 
GravityBehavior 对 象 时 需要 传 入 一 个 癌 量 ， 这 个 同 量 用 于 表示 重力 的 大 小 和 方 问 。 


physics.addBehavior(new GravityBehavior(new Vec2D(0,0.5))); 
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最 后 ， 为 了 让 物理 库 进 行 运算 并 能 移动 内 部 的 物体 ， 我 们 还 要 调用 update( ) 郴 数 。 由 于 每 
一 帧 都 要 执行 一 次 运算 ， 因 此 我 们 在 draw( ) 晒 数 中 调用 它 。 
void draw() { 


physics.update() ; 该 函数 和 Box2D 的 Step () 函数 一 样 


5.16 ”toxiclibs 中 的 粒子 和 弹 赞 


在 Box2D 的 例子 中 ， 我 们 创建 了 自己 的 类 ( 比如 Particle 类 )， 并 在 其 中 加 入 了 一 个 Box2D 
物体 对 象 变量 。 

class Particle { 

Body body; 

这 样 的 实现 方式 显得 有 些 多 余 ， 因 为 Box2D 在 内 部 维护 了 所 有 物体 对 象 。 但是， 这 种 写法 允 
许 我 们 直接 获取 物体 对 象 的 某 些 信息 〈 继 而 得 到 物体 的 绘制 方式 )， 而 不 需要 裔 历 Box2D 内 部 的 
对 象 列 表 。 

让 我 们 看 看 如 何 将 同样 的 方法 作用 在 toxiclibs 的 VerletParticle2D 类 中 ,为 了 方便 地 绘制 粒 
子 对 象 ， 并 在 粒子 中 加 入 某 些 日 定 义 属性 ， 我 们 还 是 要 定义 日 己 的 Particle 类 。 代码 如 下 所 示 : 

class Particle { 


VerletParticle2D p; 粒子 对 象 有 一 个 指向 VerletParticle 
对 象 的 引用 














Particle(Vec2D pos) { 
p = new VerletParticle2D(pos); VerletParticle 对 象 需要 一 个 初始 位 置 (X 坐 标 
和 yy 坐标 ) 
void display() { 


fill(0,150); 
stroke(0); 


ellipse(p.x,p.y,16,16); 当 我 们 在 绘制 粒子 上 时， 需要 向 VerletParticle 对 
象 询问 X 坐 标 和 YY 坐标 
} 


从 上 面 的 代码 可 以 看 出 ， 绘 制 粒 子 是 一 件 很 简单 的 事 ， 可 以 直接 使 用 VertetParticte2D 对 
象 的 x* 坐 标 和 ?坐标 ， 不 需要 烦琐 的 坐标 转换 ， 因 为 toxiclibs 用 的 就 是 像素 坐标 。 除 此 之 外 ， 你 还 
会 发 现 这 个 粒子 类 只 有 一 个 作用 , 那 就 是 存放 VerletParticle2D 对 象 的 引用 , 请 回顾 第 4 童 讨论 
的 继承 特性 : 这 也 是 一 个 粒子 系统 ， 除 了 存放 VertLetParticte2D 对 象 的 引用 ， 粒 子 对 象 还 有 什 
么 其 他 特性 ?我 们 是 否 可 以 让 Particle 类 继承 VerletParticle2D 类 ? 
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class Particle extends VerletParticle2D 1{ 


Particle(Vec2D loc) { 


super( loc); 调用 Super () 函数， 确保 对 象 以 正确 的 方式 初始 化 
} 
void display() { 我 们 只 需要 实现 一 个 display() 沁 数 
fill(175); 
stroke(0); 
ellipse(x,y,16,16); 从 VerletParticle 类 中 继承 了 X 坐 标 和 yy 坐标 
} 


} 


还 记得 Box2D 示 例 程序 的 处 理 步 又 吗 ?” 我 们 需要 癌 Box2D 物 体 对 象 询问 它 的 位 置 ， 再 将 坐标 
转换 为 像素 坐标 ， 最 后 根据 转换 后 的 坐标 绘图 。 在 这 里 ， 由 于 我 们 从 VerLetParticLe2D 类 中 继 
承 了 所 有 功能 ， 剩 下 的 任务 只 是 根据 x 坐 标 和 ?坐标 处 绘制 图 形 ! 


顺便 再 提 一 点 , VerletParticle2D 类 是 Vec2D 的 子 类 , 因此 除了 从 VerletParticle2D 继 承 
的 特性 ， 我 们 的 粒子 类 还 有 Vec2D 对 象 的 所 有 功能 。 
现在 ， 我 们 可 以 在 Sketch 的 任意 位 置 创建 粒子 对 象 。 


Particle pl 
Particle p2 














new Particle(new Vec2D(100,20)); 
new Particle(new Vec2D(100,180)); 


仅仅 创建 一 个 粒子 是 不 够 的 ， 还 应 该 用 addPartictLe() 函数 将 粒子 对 象 添 加 到 物理 世界 中 。 


physics.addParticle(p1); 
physics.addpParticle(p2); 


从 toxiclibs 的 文档 中 可 以 看 到 ，addParticle() 涵 数 的 参数 是 一 个 VerletParticle2D 对 和 象 。 

addParticle(VerletParticle2D particle) 

如 何在 addPartictLe() 函数 中 传人 自己 的 粒子 对 象 ? 面向 对 象 编程 中 有 多 态 特 性 ， 由 于 
Particle 类 继承 自 VerletPartictle2D 类 ， 我 们 可 以 把 这 个 将 


对 象 和 VerLetParticLe2D 对 象 。 这 是 面 向 对 象 编程 中 一 个 很 强大 的 特性 。 如 果 目 定义 类 都 继承 
日 toxiclibs 的 类 ， 它 们 就 可 以 直接 将 其 用 在 toxiclibs 物 理 库 中 。 


除了 VerletParticle 类 , toxiclibs 还 提供 了 一 些 连接 粒子 的 弹 自 类 。 toxiclibs 有 3 种 类 型 的 弹簧 。 

口 VerLetSpring 该 类 在 两 个 粒子 之 间 创 建 连接 ， 包 括 刚 性 连接 和 弹性 连接 。 其 中 的 某 个 
粒子 可 以 被 固定 ， 只 有 弹 和 营 的 另 一 端 可 以 移动 。 

D VerletConstrainedSpring 可 以 通过 VertLetConstrainedSpring 对 象限 制 连接 的 最 
大 长 度 ， 这 样 弹性 系统 具有 较 好 的 稳定 性 。 

D VerLetMinDistanceSpring VerletMinDistanceSpring 对 象 可 以 保证 物体 之 间 的 距 


离 不 小 于 静止 长 度 ， 如 果 你 想 让 物体 之 间 保 持 一 定 距离 ， 但 不 关心 它们 之 间 的 最 大 距离 ， 
可 以 使 用 这 个 类 





中 当 
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前 面 提 到 的 继承 和 多 态 技术 同样 适用 于 弹 咎 对 象 的 创建 ， 创 建 一 个 弹 移 对 象 需要 传人 两 个 
VerletParticle 对象， 由 于 我 们 的 Particte 类 继承 自 VerLetParticte 对象 ， 此 
VerletSpring 的 构造 函数 也 接受 粒子 对 象 作为 参数 。 以 下 代码 展示 了 如 何在 粒子 对 象 pl1 和 p2 之 
间 创 建 一 个 弹性 连接 ， 该 连接 有 指定 的 静止 长 度 和 弹性 强度 。 


float len = 80; 弹簧 的 静止 长 度 


float strength = 0.01; 弹 自 的 强度 

VerletSpring2D spring=new VerletSpring2D(p1,p2, Len,strength); 

和 粒子 一 样 ， 为 了 让 弹 营 成 为 toxiclibs 物 理 世 界 的 一 部 分 ， 我 们 需要 在 物理 世界 中 添加 这 个 
对 象 。 


physics.addSpring(spring); 
5.17 整合 代码 : 一 个 简单 的 交互 式 弹 筑 


对 于 Box2D ， 手 动 设置 物体 的 位 置 会 破坏 物理 模拟 。 在 toxiclibs 中 并 不 存在 这 样 的 问题 。 如 
果 要 移动 粒子 的 位 置 ， 我 们 可 以 直接 设置 它 的 x 坐标 和 y 坐 标 。 但 在 设置 之 前 ， 我 们 最 好 先 调 用 
Lock() 因数 。 

Lock() 因数 的 作用 就 是 将 物体 锁 在 某 个 位 置 ， 等 同 于 将 Box2D 物 体 的 密度 设 成 606。 下面 我 将 
展示 如 何 临 时 锁 住 一 个 粒子 ， 然 后 移动 它 ， 最 后 将 它 解 锁 ， 让 它 继续 参与 物理 模拟 。 假 设 你 想 在 
鼠标 点 击 时 移动 一 个 粒子 。 


If (mousePressed) { 





p2. lock(); 先 锁 住 粒子 ， 然 后 设置 它 的 X 坐 标 和 Y 坐 标 ， 再 对 其 
p2.x = mouseX; 解锁 


p2.y = mousey 
p2.unlock(); 


} 

在 下 面 的 示例 程序 中 ,我 们 将 所 有 元 又 都 放 在 一 起 ,也 就 是 通过 弹 得 将 两 个 粒子 连接 在 一 起 。 
其 中 的 一 个 粒子 被 锁定 在 某 个 位 置 ， 男 一 个 粒子 在 鼠标 拖 动 时 发 生 移 动 。 注意 ,本 例 和 示例 代码 
3-11 的 效果 是 一 样 的 。 


5_10 SimpleSpring 
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示例 代码 5-10 “用 toxiclibs 实 现 简单 的 弹 答 模拟 


Import toxi.physics2d.*; 
Import toxi.physics2d.behaviors.*,; 
import toxi,.geom.*; 


VerletPhysics2D physics; 
Particle pl; 
Particle p2; 


void setup() { 
size(200,200); 


physics=new VerletPhysics2D(); 创建 物理 世界 


physics.addBehavior(new GravityBehavior2D(new Vec2D(0,0.5))); 
physics.setWorldBounds (new Rect(0,0,width,height) ) ; 


pl = new Particle(new Vec2D(100,20)); 创建 两 个 粒子 

p2 = new Particle(new Vec2D(100, 180)); 

pl1. lock(); 锁定 粒子 1 
VerletSpring2D spring=new VerletSpring2D(p1,p2,80,0.01); 创建 弹簧 
physics.addParticle(p1); 将 所 有 物体 添加 到 世界 中 


physics.addParticle(p2); 
physics.addSpring(spring); 


} 

void draw() { 
physics.update(); 更 新 物理 世界 
background(255 ) ; 
line(pl.x,pl.y,p2.x,pPp2.y); 绘制 所 有 物体 


pl.display(); 
p2.display(); 


if (mousePressed) { 
p2. lock(); 根据 鼠标 移动 粒子 
p2.X = mouseX; 
p2.y = mouseyY 
p2.unlock(); 


class Particle extends VerletParticle2D { 我 们 的 粒子 类 非常 简洁 
Particle(Vec2D loc) { 
super (loc); 
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} 

void display() { 
fA/S) 
stroke(0); 
ellipse(x, 

} 


y,16,16);,; 


} 
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在 上 例 中 ， 两 个 粒子 对 象 通过 一 根 弹 竹 相 连 。toxiclibs 物 理 库 尤 其 适用 于 模拟 柔软 物体 ， 比 
如 可 以 用 连接 成 一 条 线 的 粒子 模拟 绳子 , 可 以 用 连接 在 一 起 的 粒子 网 格 模拟 毯子 。 下 面 这 个 可 爱 
的 卡通 模型 也 可 以 用 相连 的 粒子 进行 模拟 ， 这 些 粒 子 都 通过 弹簧 相连 


提灌 


炎 子 - 











Ea 


力 口 
骨架 


绳子 
图 5-14 


下 面 我 们 要 模拟 一 个 “柔软 的 钟 摆 ”模型 一 将 摆 球 挂 在 绳子 的 底 端 ， 这 里 的 摆 臂 不 再 是 第 
3 草 里 使 用 的 刚性 摆 臂 ， 而 是 图 $-14 所 示 的 “绳子 ”。 
首先 ， 我 们 需要 一 个 粒子 列表 (使 用 上 例 的 Particte 类 )。 


ArrayList<Particle> particles = new ArrayList<Particle>(); 


假如 我 们 和 需要 20 个 粒子 ， 它 们 之 间 的 间隔 是 10 个 像素 。 











图 5-15 


210 第 5 章 ”物理 函数 库 


float len = 10， 
float numParticles = 20， 


我 们 可 以 将 下 标 i 从 0 递增 到 20， 将 每 个 粒子 的 y 坐 标 设置 成 1 * 10， 这 样 一 来 ， 第 1 个 粒子 
位 于 坐标 (0, 10)， 第 2 个 粒子 位 于 (0, 20)， 第 3 个 粒子 位 于 (0, 30)……: 


for(int i=0; i < numPoints; I++) { 


Particle particle=new Particle(i*len,10); 沿 着 X 轴 摆 放 粒子 
physics.addParticle(particle); 将 粒子 加 入 列表 
particles.add(particle); 将 粒子 加 入 物理 世界 


} 


除了 将 粒子 对 象 加 入 toxiclibs 的 物理 世界 ,我 们 还 将 它 放 入 自己 的 列表 中 。 尺 管 这 有 些 多 余 
但 后 面 可 能 会 有 很 多 条 绳子 ， 到 时 候 我 们 可 以 方便 地 获知 粒子 被 连 在 哪 一 条 绳子 上 。 

下 面 要 做 一 件 有 趣 的 事 : 将 所 有 的 粒子 连接 在 一 起 。 粒子 1 和 粒子 0 相连 , 粒子 2 和 粒子 1 相连 ， 
粒子 3 和 粒子 2 相连 …… 


LVS \ 


生 一 一 千 一 一 千 一 一 种 一 一 千 一 一 千 一 一 起 一 一 千 大 一 一 笋 





? 














0 1 2 3 4 5 6 Fe i-1 i 
图 5-16 


也 就 是 : 粒子 i 和 粒子 i-1 相 连 ( 除去 i 等 于 0 的 情况 )。 
if (i != 0) { 
Particle previous = particles.get(i-1); 首先 ， 我 们 需要 到 前 一 个 粒子 的 引用 


VerletSpring2D spring = new VerletSpring2D(particle,previous, len,strength); 
之 后 ,我 们 需要 在 两 个 粒子 之 间 创 建 弹 自 连接 ， 并 
指定 弹簧 的 静止 长 度 和 强度 (都 是 浮 点 数 ) 


physics.addSpring(spring); 不 要 忘记 将 弹 得 加 入 物理 世界 
} 


如 有 果 我 们 想 让 绳子 挂 在 菏 个 定点 上 , 该 怎么 做 ? 可 以 将 其 中 一 个 粒子 锁定 一 一 比如 第 一 个 粒 
子 、 最 后 一 个 粒子 或 者 最 中 间 的 粒子 等 。 以 下 代码 的 作用 就 是 将 第 一 个 粒子 的 位 置 锁 定 。 


Particle head=particles.get(0); 
head. Lock(); 


如 果 想 要 绘制 绳子 上 的 所 有 粒子 ， 我 们 可 以 从 ArrayList 获 取 所 有 的 粒子 位 置 ， 再 调用 
beginShape() 子 数 、endShape() 也 数 和 vertex() 也 数 绘制 它们 。 
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示例 代码 5-11 “柔软 的 钟 摆 


stroke(0); 

noFiltl(); 

beginShape(); 

for (Particle p : particles) { 


vertex(p.x,p.y); 每 个 粒子 都 是 绳子 上 的 一 个 点 


} 
endShape(); 


Particle tail = particles.get(numPoints-—1); 


tail.display(); 用 一 个 圆 表示 最 后 的 粒子 


@AM _5_11 SoftStringPendulum 





本 章 的 随 书 源 代 码 还 实现 了 额外 的 功能 : 用 户 可 以 用 鼠标 拉动 最 后 一 个 粒子 。 


练习 5.13 
请 使 用 上 面 的 技术 模拟 一 块 悬 挂 的 布 ， 按 照 下 图 的 方式 将 粒子 连接 成 一 个 网 格 。 


HAM Ex_5_13_SoftBodySquareAdapted 
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5.19 相连 的 系统 工 : 力 导 问 图 


你 是 否 碰 到 过 以 下 场景 ? 


“我 想 在 屏幕 上 画 一 大 扒 物体 ， 这 些 物体 必须 均匀 、 整 洁 且 有 序 地 排列 。 否 则 ， 我 
必 将 彻夜 难 眠 。” 





在 运算 化 设计 领域 ， 这 是 一 个 很 普通 的 问题 ,“ 力 导向 图 ”就 是 该 问题 的 一 个 解决 方案 。 在 
力 导 向 图 中 , 我 们 把 相互 连接 的 元 素 称 为 节点 ， 这些 市 把 的 位 置 并 不 是 人 为 设置 的 ,而 是 根据 力 
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的 作用 排 布 的 。 可 以 使 用 各 种 力 构建 力 导 回 图 的 布局 ， 弹 自力 就 是 典型 的 力 ， 因 此 toxiclibs 适 合 
用 在 此 类 场景 。 


个 和 ”512 SimpleCluster 个 和 5125SimpleCluster 个 和 所 ”512 SimpleCluster 


(Sr 中 
2 


人 


小 





如 何 实现 上 图 的 效 末 ? 


首先 ， 我 们 需要 一 个 节点 ( Node ) 类 ， 实 现 市 点 类 很 容易 ， 可 以 让 它 继 承 目 
VerletParticle2D。 我们 已 经 在 前 面 实现 过 这 样 的 类 ， 只 需要 将 类 名 从 Particle 改 为 Node。 


class Node extends VerletParticle2D { 
Node (Vec2D pos) { 
super (pos); 
} 
void display() { 
fill(0,150); 
stroke(0); 
ellipse(x,y,16,16); 


} 
下 面 ， 我 们 要 实现 一 个 Cluster 类 ， 它 的 作用 是 描述 节点 列表 。 


class Cluster { 
ArrayList<Node> nodes; 


float diameter， 用 这 个 变量 表示 节点 之 间 的 静止 距离 


Cluster(int n, float d, Vec2D center) { 
nodes = new ArrayList<Node>(); 
diameter = d; 


for (int i = 0; i < Nn; I++) { 
nodes.add(new Node(center.add(Vec2D.randomVector()))); 
如 果 所 有 节点 对 象 的 起 始 位置 都 相同 ， 程 序 就 会 出 


问题 。 因 此 我 们 在 中 心 位 置 加 上 一 个 随机 向 量 ， 由 
此 保证 每 个 节点 之 间 都 存在 偏 移 


} 


在 ClLuster 类 中 添加 一 个 draw( ) 也 数 ， 它 的 作用 是 绘制 所 有 闻 点 ; 然后 在 setup() 函数 中 创 
建 一 个 CLuster 对 象 , 在 draw() 中 绘制 CLuster。 完 成 上 述 操作 后 ， 运 行 Sketch ， 你 不 会 看 到 任 
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何 效 来 。 为 什么 ? 因为 我 们 愁 了 这 是 一 个 力 导 回 图 ， 还 应 该 用 力 将 粒子 相连 。 假 变 有 4 个 厄 氮 ， 
我 们 打算 用 下 面 方式 将 它们 相连 。 


节点 0 和 节点 1 相连 
节点 09 和 节点 2 相连 
节点 0 和 节点 3 相连 
节点 1 和 节点 2 相连 
节点 1 和 节点 3 相连 
节点 2 和 节点 3 相连 





在 以 上 连接 方式 中 ,请 你 注意 两 个 细 市 。 
口 市 上 不 会 和 上 自身 相连 。 我 们 不 会 将 市 点 0 和 市 点 0 相连 ， 也 不 会 将 广 点 1 和 市 点 1 相连 。 
口 不 需要 反 过 来 重复 连接 两 个 市 点 。 换 句 话 说， 如 果 市 点 0 已 经 和 市 点 1 相连 ,我 们 束 不 需 
要 有 反 过 来 让 市 点 1 和 市 点 0 相连 ， 因 为 它们 已 经 连接 在 一 起 了 。 
那么 ， 如 何 用 代码 实现 上 面 的 连接 ? 
让 我 们 看 看 左边 的 节点 ， 它 们 的 下 标 分 别 为 : 000 11 2。 因 此 ， 我 们 需要 遍历 列表 中 的 每 个 
太太 ， 从 下 标 0 到 下 标 N-1。 


for (int i = 0; i < nodes.size()-1; i++) { 
VerletParticle2D ni = nodes.get(i); 

















现在 ， 我们 需要 将 市 点 0 和 市 点 1、 市 点 2、 市 太 3 相 连 ， 将 市 点 1 和 市 点 2、 市 态 3 相 连 ， 将 市 
太 2 和 方 点 3 相连 。 可 以 总 结 出 这 样 的 规律 : 对 每 个 市 点 i， 我 们 知 要 从 i + 1 过 有 历 到 列表 的 末尾 。 


for (int j = i+l; j < nodes.size();j++){ 从 i + 1 开始 遍历 
VerletParticle2D nj = nodes.get(]j); 


对 以 上 循环 中 的 每 两 个 接点， 我 们 都 需要 用 弹 蝎 将 它们 相连 。 
physics.addSpring(new 用 弹 禾 将 ni 和 nj 连 在 一 起 
VerletSpring2D(ni,n]j,diameter,0.01)); 


} 
} 


假设 这 些 连接 是 在 Cluster 类 的 构造 函数 中 建立 的 ,我 们 可 以 在 主 程序 中 创建 CLuster 对 象 ， 
最 后 看 到 以 下 结 米 | 


(SS _5_12 SimpleCluster 
'p' to display or hide particles 
Ce to display or hide connections 


m for new graph 
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示例 代码 5-12 Cluster 


import toxi,.geom,.*; 
Import toxi.physics2d.*; 


VerletPhysics2D physics; 
Cluster cluster; 


void setup() { 
size(300,300); 
physics=new VerletPhysics2D(); 


cluster = new Cluster(8,100,new Vec2D(width/2,height/2)); 
} 创建 CLuster 对 象 


void draw() { 
physics.update() ; 
background(255 ) ; 


cLuster,dispLay() ; 绘制 CLuster 对 象 


练习 5.14 
用 CLuster 的 程序 结构 模拟 卡通 生物 的 轮廓 ， 在 其 中 加 入 重力 ， 并 允许 鼠标 拖 动 这 个 造型 。 


练习 5.15 


扩展 上 面 的 力 导 向 图 程序 ,让 它 拥 有 不 止 一 个 CLuster 对 象 . 用 VerLetMinDistanceSpring2D 
对 象 将 两 个 CLuster 对 象 相连 。 


Ex_5_15 ForceDirectedGraph 





5.20 ”吸引 和 排斥 行为 
Box2D 的 物体 对 象 有 一 个 appLyForce( ) 因数 ， 如 果 我 们 要 对 物体 施加 引力 ， 只 需要 根据 引 
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力 公 式 ( 引力 =G* 质量 1 * 质量 2 /距离 的 平方 ) 计 算出 引力 回 量 , 然后 把 向 量 传人 applyForce() 
疯 数 。toxiclibs 的 VertletParticle 类 也 有 applyForce( ) 隐 数 ， 我 们 可 以 通过 它 将 力作 用 在 粒子 上 。 

然而 ，toxiclibs 考 虑 得 更 为 深远 ， 它 允许 我 们 在 粒子 上 设 定 一 些 常 规 力 ( 我们 称 为 “行为 ”)， 
toxiclibs 会 根据 这 些 设 定 自动 计算 和 施加 力 。 比 如 ， 如 果 我 们 将 AttractionBehavior 对 和 象 添加 
在 一 个 粒子 上 ， 那 么 其 他 粒子 都 将 受 这 个 粒子 的 引力 作用 。 

假如 我 们 有 一 个 粒子 类 ( 继承 日 VerletParticle 类 )。 

Particle p = new Particle(new Vec2D(200,200)); 

创建 完 粒 子 对 象 后 ， 我 们 让 一 个 AttractionBehavior 对 象 依附 在 这 个 粒子 上 。 


float distance = 20; 
float strength = 0,1; 
AttractionBehavior behavior = new AttractionBehavior(p, distance, strength); 


注意 AttractionBehavior 的 构造 函数 有 两 个 参数 一 一 distance 和 strength。distance 代 
表 引 力 的 作用 范围 ， 在 上 面 的 实现 中 ， 只 有 20 像 素 范围 内 的 其 他 粒子 才 会 受 引 力 的 作用 。 
strength 参 数 代 表 3 引 | 力 的 强度 。 

最 后 ， 为 了 激活 引力 的 作用 ，AttractionBehavior 对 象 需要 被 添加 进 toxiclibs 的 物理 世界 。 


physics.addBehavior(behaviIior) ; 

这 意味 看 只 要 其 他 粒子 距离 该 粒子 足够 近 ， 它 们 肯定 会 受到 这 个 粒子 的 引力 作用 。 

尽管 toxiclibs 不 会 处 理 碰 撞 ， 但 你 还 是 可 以 创建 类 似 碰 撞 的 效 末 ， 只 需要 将 一 个 排斥 行为 添 
加 到 每 个 粒子 上 ( 这样 一 来 ， 粒 子 之 间 就 存在 排 帮 作 用 )。 让 我 们 看 看 如 何在 粒子 类 中 实现 这 一 
特性 。 


class Particle extends VerletParticle2D 1{ 
float r; 在 粒子 中 加 入 半径 





























Particle (Vec2D Loc) { 
super (loc); 
r = 4; 
physics.addBehavior(new AttractionBehavior(this,r*4,-1)); 
每 次 创建 粒子 对 象 时 ， 同 时 都 会 产生 一 个 
AttractionBehavior 对 和 象 ， 它 们 一 起 被 加 入 物 
理 世界 。 如 果 Strength 参 数 是 负数 ， 这 就 是 一 个 


斤 力 行为 
} 
void display() { 
fiLL(255 ) ; 
stroke(255 ) ; 


ellipse(x,y,r*2,r*2),; 


} 


下 面 ， 我 们 将 用 toxiclibs 重 新 实现 引力 程序 ， 让 整个 窗口 中 的 粒子 都 受 单个 Attractor 对 和 象 
的 吸引 作用 。 


人 AAOM _5_13 AttractRepel 





示例 代码 5-13 引力 / 斥 力 


class Attractor extends VerletParticle2D { 
float r; 
Attractor (Vec2D loc) { 
super (loc); 
r = 24; 
physics.addBehavior(new AttractionBehavior(this, width, 0.1)); 
AttractorBehavior 的 distance 等 于 窗口 宽 
度 ， 因 此 它 能 涵盖 整个 窗口 


} 
void display () { 


fill(0); 
ellipse (x, y, r*2, r*2); 


练习 5.16 


请 模拟 一 个 同时 有 吸引 和 排斥 作用 的 对 象 : 它 对 远 处 的 物体 有 吸引 作用 ,对 近 处 的 物体 有 排 
斥 作 用 。 


练习 5.17 


请 在 一 个 模拟 程序 中 同时 使 用 AttractionBehavior 和 弹力 。 
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生态 系统 项 目 
第 $ 步 练习 
在 步骤 4 的 基础 上 ， 用 物理 引擎 模拟 生物 的 运动 和 行为 ， 你 可 以 实现 以 下 功能 。 


口 用 Box2D 模拟 生物 之 间 的 碰撞 ， 考 虑 在 生物 碰撞 时 触发 某 些 事件 。 

口 用 Box2D 改进 生物 的 外 形 ， 你 可 以 用 距离 关节 构建 生物 体 的 基本 轮 慷 ， 用 旋转 关节 连接 
一 些 附属 物 。 

口 用 toxiclibs 改进 生物 的 外 形 ， 你 可 以 用 toxiclibs 粒子 链 模 拟 生物 的 触角 ， 用 弹簧 组 成 的 网 
格 模拟 生物 体 的 基本 轮廓 。 

口 用 toxiclibs 为 生物 体 添 加 吸引 和 排斥 行为 。 

口 在 对 象 之 间 添 加 弹簧 (或 者 关节 ) 连接 ， 以 此 控制 生物 的 交互 。 你 可 以 在 运行 过 程 中 建立 
或 删除 这 些 弹 自 连 接 ， 也 可 以 在 视图 中 显示 或 隐藏 这 些 连 接 。 








目 治 镶 能 体 





“如 果 你 喜欢 ， 可 以 把 它 当 成 幻想 科学 或 科幻 小 说 中 的 练习 。” 工 


Valentino Braltenberg 


通过 前 面 5 章 的 学 习 ， 我 们 已 经 掌握 了 运动 建 模 和 物理 模拟 的 各 种 方法 ， 这 也 正 是 本 书 的 一 
个 学 习 目 标 。 我 们 可 以 在 这 里 集 止 本 书 的 学 习 ， 转 去 实现 “ 侍 怒 的 小 鸟 ” 等 有 趣 的 游戏 。 


但 做 出 决定 之 前 先 想 一 想 ， 我 们 为 什么 学 习 本 书 ? 为 了 学 习 用 代码 模拟 大 自然 ， 对 吗 ?” 到 目前 
0 a a J 比如 在 力 的 作用 下 移动 的 矩形。 如 果 把 生命 注入 这 些 形 状 ， 
它们 有 自己 的 意愿 和 感官 ， 能 制作 出 怎样 的 效果 ? 这 就 是 本 章 的 目的 自治 智能 体 的 开发 。 


6.1 内 部 的 力 


自治 智能 体 指 的 是 那些 根据 自 届 意愿 做 出 行为 决定 的 主体 , 它们 不 受 任 何 领导 者 的 影响 。 就 
本 书 而 言 ， 自主 主体 的 行为 就 是 移动 。 将 生命 注入 物体 是 一 个 飞跃 性 的 进展 . ee 
拟 世界 中 的 物体 等 着 被 其 他 物体 推动 , 现在 可 以 让 它 自己 决定 如 何 运 动 。 自 治 智 能 体 在 功能 
出 了 一 大 步 , 但 其 中 的 代码 并 不 会 发 生 很 大 的 变化 , 因为 物体 的 一 0 


下 面 列 出 了 目 治 智能 体 最 重要 的 3 个 特性 ， 在 后 面 的 开发 过 程 中 ， 我 们 需要 补 记 。 


口 自治 智能 体 对 环境 的 感知 能 力 是 有 限 的 。 在 现实 世界 中 , 有 生命 的 物体 都 存在 一 定 的 感知 
能 力 ， 如 何在 程序 世界 中 模拟 这 种 感知 能 力 ? 在 本 章 的 示例 程序 中 , 我们 在 对 象 中 存放 了 
外 部 物体 的 引用 ， 让 它们 通过 这 种 方式 “感知 ”外 部 环境 。 物 体 对 环境 的 感知 能 力 是 有 限 
的 ， 我 们 要 注意 “有 限 ” 这 两 个 字 。 模 拟 物体 是 否 应 该 感知 环境 中 的 所 有 物体 ， 还 是 只 对 
50 像 素 以 内 的 其 他 物体 有 感知 能 力 ? 这 个 问题 并 没有 绝对 正确 的 答案 ， 它 取决 于 具体 情 
况 。 在 研究 过 程 中 ， 我 们 会 探讨 一 些 具体 的 实例 。 为 了 让 模拟 显得 更 “日 然 "， 一定 程度 
的 限制 是 有 意义 的 。 比 如 一 只 昆虫 内 能 感觉 到 附近 的 气味 和 光线 。 为 了 让 模拟 更 准确 ， 我 
们 应 该 对 各 种 生物 的 感知 能 力 展 开 人 研究 。 但 在 这 里 ， 我 们 可 以 随意 地 编造 一 切 。 













































































源 自 Vehicles: Experiments in Synthetic Psychology 一 书 。 一 一 编者 注 


6.2 车 辆 和 转向 219 


口 自治 智能 体 需 要 处 理 来 自 外 部 环境 的 信息 ， 并 由 此 计算 具体 的 行为 。 这 个 特性 容易 理解 ， 
目 治 智能 体 的 行为 就 是 力 的 作用 。 外 部 环境 可 能 会 告诉 主体 : 前 面 有 一 只 可 怕 的 次 鱼 正 
在 靠近 ， 你 需要 施加 一 个 反方 向 的 力 ， 迅 速 后 退 。 

口 自治 智能 体 没有 领导 者 。 我 们 并 不 需要 太 关 心 第 三 个 特性 。 大 部 分 自主 主体 的 例子 部 不 
会 有 领导 者 。 本 章 的 最 后 我 们 将 研究 群体 行为 ， 那 时 会 设计 目 主 系统 的 集合 ， 并 由 此 人 研 
究 复 杂 系 统 的 行为 。 复 杂 系 统 就 是 由 智能 和 结构 化 群体 组 成 的 系统 ， 只 受 元 素 之 间 的 交 
互 影响 ， 没 有 任何 领导 者 。 


在 20 世 纪 80 年 代 ， 计 算 机 科学 家 Craig Reynolds ( http://www.red3d.com/cwr/ ) 发 明了 一 套 计 
算 有 生命 物体 的 转 问 ( steering ) 行为 的 算法 。 转 向 行为 就 是 : 个 体 元 素 感知 周围 环境 , 用 “类 生 
命 ” 的 方式 做 出 行为 决策 ,包括 : 逃离 、 游 走 、 到 达 、 追 赶 和 逃避 等 行为 。 对 单个 自治 智能 体 而 
言 ， 这 些 行为 并 不 复杂 。 但 如 果 我 们 根据 这 些 个 体 行 为 规则 构建 一 个 系统 , 也 就 是 由 众多 个 体 组 
成 的 系统 ， 面 临 的 复杂 性 将 会 超出 预期 。 最 具 代 表 性 的 例子 就 是 Reynolds 在 “群集 ”行为 研究 中 
引入 的 “boids” 模 型 。 


6.2 车 辆 和 转生 


以 上 说 的 就 是 自治 智能 体 的 核心 概念 , 下面 我 们 开始 用 代码 实现 自治 智能 体 。 我 们 可 以 从 各 
种 方 辐 开始 ， 比 如 蚂蚁 和 蚁 群 的 模拟 , 这 是 自治 智能 体 最 好 的 演示 ( 对 此 ,我 建议 你 阅读 Mitchel 
Resnick 写 的 Turtles ，7Termites and Traffic Jams )。 然 而 ， 我 们 打算 在 前 $ 草 的 知识 基础 上 学 习 目 治 
智能 体 的 模拟 ， 前 面 探 讨 了 用 向 量 模拟 运动 和 用 力 驱 动 运动 的 方法 。 我 们 曾经 把 Mover 类 改造 成 
Particle 类 ， 现 在 要 把 它 重 命名 为 Vehicle 类 。 
class Vehicle 1{ 
PVector Location， 


PVector velocity; 
PVector acceleration; 

















// 我 们 还 需 添 加 什么 呢 


Reynolds 在 1999 年 发 表 了 论文 Steering Behaviors for Autonomous Characters， 他 在 里 面 用 “小 
车 ”( vehicle ) 描述 自治 智能 体 ， 我 们 也 打算 使 用 这 个 术语 。 
为 什么 是 小 车 ? 
1986 年 ,意大利 神经 学 家 和 控制 论 专家 Valentino Braitenberg 在 他 的 著作 Vehicles: Experiments 
in Synthetic Psychology 中 用 简单 的 内 部 结构 描述 了 假想 中 的 小 车 模型 。Braitenberg 提出 的 小 车 模 


型 表现 出 了 各 种 行为 ， 这 些 行为 包括 恶 惧 、 侵 略 、 豆 爱 、 远 见 和 乐观 。Reynolds 的 灵感 就 来 自 


Braltenberg。 





Reynolds 从 动作 选择 、 转 辐 、 驱 动机 构 3 个 层面 描述 了 理想 小 车 模型 的 运动 方式 〈 由 于 我 们 
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不 考虑 小 车 模型 的 内 部 实现 ， 只 设想 它 的 行为 规则 ， 因 此 称 为 理想 模型 )。 


(1) 动作 选择 ”小 车 模型 拥有 一 个 (或 多 个 ) 目的 ， 它 根据 这 些 目的 选择 一 个 〈 或 一 系列 ) 
动作 。 上 自治 智能 体 模型 能 够 很 好 地 进行 这 个 层面 模拟 。 比 如 ， 小 车 在 观察 周围 的 环境 ， 
然后 发 现 :“ 我 看 见 一 大 波 僵 尸 正在 靠近 ， 我 不 想 让 它们 吃 邱 我 的 脑袋 ， 必 须 想 办 法 躲 开 
它们 。 本 例 的 目标 束 是 “保住 目 己 的 脑袋 ， 动 作 就 是 “双开 僵尸 ”。Reynolds 的 论文 摘 
述 了 各 种 目的 和 相关 行为 ， 包 括 : 寻找 目标 、 避 开 障 和 但 和 跟随 路 径 。 后 面 我 们 将 用 
Processing 实 现 这 些 行 为 。 

(2) 转向 一 旦 动作 被 确定 ， 小 车 就 开始 计算 下 一 步 动 作 。 在 我 们 的 程序 中 ， 下 一 步 动 作 就 
是 施加 一 个 力 , 准确 地 说 ,这 是 一 个 转 问 力 。Reynolds 提 出 了 转 问 力 计 算 公 式 : 转向 力 = 
所 需 速 度 一 当前 速度 。 在 下 一 市 中 ,我 们 将 会 深入 探讨 这 个 公式 , 分 析 它 为 何 适 用 于 此 
类 场景 。 

(3) 驱动 机 构 ” 在 大 部 分 情况 下 ， 我 们 可 以 忽略 第 三 个 层面 。 在 虑 避 伪 尸 的 例子 中 ， 驱 动力 
可 以 摘 述 为 “以 最 大 的 速度 回 左 ， 回 在， 再 回 左 ， 再 回 右 ”。 在 Processing 世 界 中 ， 和 矩形 、 
出 圈 或 三 角形 并 没有 驱动 机 构 ， 因 为 它们 都 是 假想 出 来 的 。 但 你 并 不 能 完全 忽略 这 个 层 
面 。 为 小 车 设计 驱动 效果 和 动画 也 是 有 实践 意义 的 。 本 章 示 例 程 序 的 视 沉 效果 非常 简陋 ， 
你 可 以 在 练习 中 加 入 动画 效果 为 小 车 加 上 深 动 的 轮子 、 摆 动 的 船 桨 或 行走 的 双 腿 。 


我 们 最 应 该 关心 的 是 第 一 个 层面 ， 也 就 是 动作 选择 。 你 需要 知 逢 系统 是 由 什么 元 系 组 成 的 ， 
这 些 元 素 有 什么 目的 。 本 童 涉及 一 系列 转 回 行为 : 寻 苋 、 逃 跑 、 跟 随 路 径 、 跟 随 流 场 、 和 群集 等 。 
学 习 这 些 行为 的 主要 目的 并 不 是 在 项 目 中 使 用 它们 , 而 是 为 了 擎 握 建 模 方 法 。 我 们 完全 可 以 实现 
更 多 有 创意 的 新 行为 。 尽 管 本 章 从 像素 的 角度 思考 问题 ,但 我 们 的 思维 不 能 局 限 在 像素 上 , 我 们 
应 该 像 Braitenberg 一 样 抽象 地 思考 问题 。 示 例 程序 可 能 只 涉及 一 种 行为 ， 比 如 第 一 个 例子 讲解 的 
只 是 “目标 寻找 ”行为 ， 但 我 们 可 以 尝试 着 在 同一 个 模型 中 添加 各 种 行为 。 因 此 ， 你 不 能 孤立 地 
对 每 这 些 示 例 程 序 ， 而 应 该 尝试 者 把 它们 装配 在 一 起 。 


6.3” 转 同 力 


为 了 更 好 地 理解 自治 智能 体 ， 我 们 要 先 了 解 转向 力 的 概念 。 思考 以 下 场景 : 一 辆 移动 的 小 车 
正在 寻找 一 个 目标 。 


如 图 6-1 所 示 ， 小 车 的 目的 就 是 找到 图 中 的 目标 位 置 。 按 照 第 2 章 的 做 法 ,我 们 可 以 让 目标 位 
置 具 有 引力 作用 , 证 它 吸引 周围 的 物体 , 这 样 小 车 就 可 以 朝 着 它 运 动 。 这 是 一 个 很 好 的 解决 方案 ， 
却 不 是 我 们 想 要 的 方法 。 我 们 并 不 想 简 简单 单 地 计算 引力 ,而 是 想 让 小 车 通过 对 自身 状态 和 环境 
的 感知 ( 比如 移动 速度 有 多 大 ， 天 春 什 么 方 癌 移动 )， 乔 能 地 做 出 转 疝 决定 。 小 车 应 该 完 计算 到 
达 目 标的 所 需 速度 〈 指 四 目标 位 置 的 回 量 )， 再 比较 目 己 当 前 的 移动 速度 ， 最 后 根据 下 面 的 公式 
计算 转 回 力 。 


































































































转向 力 = 所 需 速度 - 当前 速度 
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目标 
图 6-1 


我 们 可 以 用 Processing 表 示 这 个 公式 : 
PVector steer = PVector.sub(desired, velocity); 


在 上 面 的 公式 中 ， 当 前 速度 是 已 知 的 , 但 所 需 速度 仍 要 通过 计算 得 到 。 参 考 图 6-2， 如 果 小 
车 的 最 终日 的 是 “寻找 日 标 位 置 "， 那么 所 需 速 度 束 是 由 当前 位 置 指向 日 标 位 置 的 向 量 。 

















EN 


目标 





假设 目标 位 置 癌 量 是 已 知 的 ， 我 们 就 有 : 
PVector desired = PVector.sub(target, location); 


但 这 并 不 符合 实际 人 情况， 如果 屏 和 的 分 辩 卒 非 第 高 ， 两 者 之 间 的 距离 为 几 干 像素 ,那么 小 车 
的 移动 速度 会 非常 快 ， 最 后 无 法 得 到 合理 的 动画 效 末 。 因 此 我 们 要 将 实现 方式 改 为 : 


小 车 移动 到 目标 位 置 时 有 一 个 最 大 速率 。 


换 句 话说 ， 小 车 移动 的 方 回 指向 目标 位 置 ， 速 度 的 大 小 等 于 预先 设置 的 最 大 值 ( 以 尽 可 能 快 
的 速度 移 向 目标 位 置 )。 首 先 ， 我 们 需要 在 VehictLe 类 中 添加 一 个 最 大 速率 变量 ( maxspeed )。 


class Vehicle 1{ 
PVector location; 
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PVector velocity; 
PVector acceleration; 


FLoat maxspeed; 最 大 速率 





其 次 ， 在 计算 所 需 速 度 时 ， 我 们 应 该 将 它 的 大 小 设 为 最 大 速率 。 


PVector desired = PVector.sub(target, Location); 
desired.normalize(); 
desired.mult(maxspeed); 


把 以 上 的 代码 放 在 一 起 ， 我 们 可 以 得 到 一 个 seek() 函数 ， 该 函数 的 作用 是 计算 移动 到 目标 
位 置 需要 的 转 癌 力 ， 它 的 参数 是 目标 位 置 癌 量 。 
void seek(PVector target) { 
PVector desired = PVector.sub(target, Location); 


desired.normalize(); 
desired.mult(maxspeed); 计算 所 需 速 度 ， 让 它 的 大 小 等 于 最 大 速率 





PVector steer = PVector.sub(desired,，velocity); ReynoLds 的 转向 力 公式 


applyForce (steer); 使 用 我 们 之 前 的 物理 模型 ， 将 力 变 为 对 象 的 加 速度 


在 以 上 代码 中 , 我 们 最 后 把 转向 力 传人 applyForce() 浮 数 。applyForce() 函数 建立 在 2.1.3 
节 内 容 的 基础 之 上 。 你 也 可 以 在 Box2D 的 appLyForce() 函数 或 toxiclibs 的 addForce() 函数 中 传 
入 这 个 转 癌 力 。 

为 什么 上 面 的 代码 能 正 稼 工作 ? 让 我 们 结合 小 车 的 自身 状态 和 目标 位 置 分 析 转 回力 的 原理 ， 
请 看 图 6-4。 

转 癌 力 和 地 球 引 力 有 所 不 同 。 自 治 智能 体 有 一 大 特点 : 它 对 外 部 环境 的 感知 能 力 是 有 限 的 。 
Reynolds 的 转 问 力 公 式 已 经 泗 产 了 这 种 感知 能 力 。 根 据 转 癌 力 计算 公式 ， 如 果 小 车 的 起 始 状 态 是 
静止 的 ( 当前 速度 为 0 )， 转 问 力 就 等 于 所 需 速 度 。 小 车 对 自身 的 速度 有 感知 能 力 ， 它 的 转 问 力 会 
根据 上 自 和 号 速度 进行 自动 补偿 。 小 车 寻找 日 标的 移动 方式 取决 于 它 的 初始 速度 ,因此 转 癌 力 公 式 能 
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够 有 效 地 模拟 转 回 行为 。 





所 需 速度 





兴奋 之 余 ， 我 们 遗漏 了 最 后 一 步 。 这 是 一 辆 什么 样 的 车 ?一 辆 极 易 操控 的 超级 赛车 ?还 是 
一 辆 难以 转动 的 大 卡车 ?示例 代码 没有 考虑 小 车 的 转向 能 力 ， 我 们 可 以 通过 限制 转 癌 力 的 大 小 
控制 转 疝 能 力 。 下 面 , 我 们 引入 一 个 “最 大 转向 力 ” 变 量 ( maxforce ) 用 于 限制 转向 力 的 大 小 ， 
代码 如 下 : 
class Vehicle 1{ 
PVector location; 


PVector velocity; 
PVector acceleration;: 


float maxspeed; 最 大 速率 
float maxforce; 还 有 一 个 最 大 转向 力 
崇 接 者 是 : 





void seek(PVector target) { 
PVector desired = PVector.sub(target, location); 
desired.normalize(); 
desired.mult(maxspeed); 
PVector steer = PVector.sub(desired,velocity); 


steer.limit(maxforce); 限制 转向 力 的 大 小 


applyForce (steer); 
} 


转 回 力 的 限制 还 引入 了 一 个 关键 点 ， 让 小 车 以 最 大 速率 移 回 目标 位 置 并 不 是 我 们 的 最 终 目 
标 ， 否 则 我 们 可 以 卫 接 把 小 车 的 位 置 等 于 目标 位 置 。 正 如 Reynolds 所 说 ， 最 终日 的 是 让 小 车 用 一 
种 “贴近 真实 ”的 方式 移动 。 我 们 试图 让 小 车 以 一 种 转 回 的 方式 移动 向 目标 位 置 ， 因 此 需要 供 
助力 和 各 种 系统 变量 模拟 特定 的 行为 。 比 如 ， 不 同 大 小 的 转 回 力 〈《 如 图 6-5 ) 会 造成 不 一 样 的 运 
动 路 径 ， 两 种 路 径 没有 绝对 的 好 坏 ， 合 适 与 否 取决 于 目标 效 来 。( 当然 , 这些 设 定 值 并 不 是 固定 
的 ， 你 可 以 根据 具体 的 条 件 更 改 它 们 。 比 如 ， 可 以 让 小 车 拥有 生命 值 : 生命 值 越 高 ， 转 加 能力 越 
好 。) 
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人 人 转 同 力 下 的 运动 路 径 








小 转 辐 力 下 的 运动 路 作 





下 面 是 Vehicle 类 的 实现 ， 部 分 代码 来 目 第 2 章 的 Mover 类 。 


示例 代码 6-1 寻找 目标 
class Vehicle { 


PVector location; 
PVector velocity; 
PVector acceleration; 


float r; 


float maxforce; 
float maxspeed ; 


Vehicle(float x, float y) { 


acceleration = new PVector(0,0); 


velocity = new PVector(0,0); 
location = new PVector(x,y); 


r = 3.0; 
maxspeed = 4; 
maxforce = 0.1; 


void update() { 


velocity.add(acceleration); 
velocity.limit(maxspeed); 
Location.add(veLocity ) ; 
acceleration.mult(0); 


该 变量 表示 大 小 


随意 确定 的 最 大 速率 和 最 大 转向 力 ， 请 改变 这 些 值 


标准 的 “ 欧 拉 积 分 ”运动 模型 
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void applyForce(PVector force) { 牛顿 第 二 定律 ， 还 可 以 把 转向 力 除 以 质量 


acceleration.add(force); 


} 


void seek(PVector target) { “寻找 目标 ”转向 力 算 法 


PVector desired = PVector.sub(target, location); 
desired.normalize(); 
desired.mult (maxspeed); 
PVector steer = PVector.sub(desired,velocity); 
steer. limit(maxforce); 
applyForce(steer); 

} 


void display() { 
float theta = velocity.heading2D() + PI/2; 用 三 角形 表示 小 车 ， 三 角形 所 指 的 方向 和 速度 方向 
相同 ， 因 为 它 的 初始 方向 朝 上 ， 因 此 要 旋转 90 度 


fill(175); 
stroke(0); 
pushMatrix(); 
translate(location.x,location.y); 
rotate (theta); 
beginShape(); 
vertex(0, —r*2); 
vertex(-r, r*2); 
vertex(r, r*2); 
endShape (CLOSE); 
popMat rix(); 


练习 6.1 
请 实现 “ 贱 避 目标 ”的 转向 行为 (“ 艇 避 目 标 ” 的 所 需 速 度 和 “寻找 目标 ”行为 相反 ), 


练习 6.2 


请 实现 寻找 动态 目标 的 模拟 ， 这 种 行为 往往 称 为 “追赶 "。 在 这 种 情况 下 ， 所 需 速 度 不 能 指 
向 目标 的 当前 位 置 ， 而 应 该 指向 目标 的 “未 来 ”位 置 ,“ 未 来 ”位 置 是 通过 当前 速度 推算 
来 的 。 在 后 面 的 例子 中 ， 我 们 将 看 到 小 车 具有 “预测 未 来 ”的 能 


练习 6.3 


交 有 照 环 境 的 状态 ， 动 态 改变 小 车 的 最 大 速率 和 最 大 转向 力 。 
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6.4 ”到 达 行 为 


在 模拟 寻找 行为 时 ， 你 可 能 会 问 :“ 我 希望 小 车 在 接近 目标 时 能 减速 ， 该 怎么 做 ? ”在 回答 
这 个 问题 之 前 ,我 们 知 要 知道 为 什么 小 车 会 超过 目标 位 置 ,然后 又 回头 继续 寻找 目标 ,最 后 往复 
运动 。 请 你 把 自己 当成 小 车 的 大 脑 ， 看 看 它 在 寻找 目标 时 到 底 在 想 什 么 。 

第 1 巾 ; 我 希望 尽快 地 表 春 目标 运动 ! 

第 2 巾 : 我 希望 尽快 地 天 春 目标 运动 ! 

第 3 巾 :; 我 希望 尽快 地 天 春 目标 运动 ! 

第 4 巾 : 我 希望 尽快 地 表 春 目标 运动 ! 























小 车 在 寻找 目标 时 过 于 兴奋 , 以 至 于 它 无 法 根据 目标 的 距离 确定 合理 的 运动 速度 。 无 论 日 标 
是 远 是 近 ， 它 始终 以 最 大 的 速度 运动 。 


F 所 需 速 度 . 所 需 速度 
目标 


网 6-6 


在 菏 些 场景 中 ， 这 是 我 们 想 要 的 行为 《比如 ， 导 弹 在 射击 过 程 中 ， 基 着 目标 运动 的 速度 应 当 
尽 可 能 快 ) 但 在 为 一 些 场 景 中 ( 比如 泪 千 , 或 者 模拟 蜜蜂 停 在 花 朱 上 ) 小 车 应 该 改变 思维 方式 ， 
在 计算 运动 速度 时 应 该 考虑 目标 的 距离 。 


第 1 巾 ; 我 距离 目标 很 远 ， 我 希望 尽快 地 遇 春 目标 运动 ! 
第 2 巾 ; 我 距离 目标 很 远 ， 我 希望 尽快 地 天 春 目 标 运 动 ! 
第 3 帧 : 我 离 目 标 还 有 些 距离 ， 我 希望 尽快 地 天 春 目标 运动 ! 
第 4 帧 : 我 越 来 越 接 近日 标 了， 我 希望 减 慢 速 度 ! 

第 5 巾 : 我 快要 到 达 目 标 了 ， 我 希望 慢 慢 地 移 回 目标 ! 
第 6 帧 : 我 已 经 到 达 目 标 了 ， 我 要 停 下 来 ! 


























所 需 速度 。 i 
目标 
图 6-7 
如 何 用 代码 实现 “到 达 ” 行 为 ? 回 到 seek () 角 数 的 实现 ， 我 们 用 一 行 代码 设置 了 所 需 速度 的 
大 小 。 


PVector desired = PVector.sub(target, Location); 
desired.normalize(); 


desired.mult (maxspeed); 


在 示例 代码 6-1 中 ， 所 需 速 度 





图 
如 末 所 需 速度 的 大 小 等 于 距离 的 一 半 ， 会 怎么 样 ? 


PVector desired = PVector.sub(target, Location); 
desired.div(2); 


上 面 的 代码 根据 目标 的 距离 确定 所 需 速度 , 尽管 这 种 做 法 准确 地 描述 了 我 们 的 意图 , 但 它 并 
个 能 能 产生 合理 的 模拟 效 末 。 试 想 ， 如 采 两 者 之 间 的 距离 是 10 像 素 ，5 像 素 / 帧 的 所 震 速 度 惑 会 显得 
过 快 。 但 如 末 让 所 需 速 度 的 大 小 等 于 距离 的 5%， 我 们 就 能 得 到 合理 的 模拟 效 末 。 
PVector desired = PVector.sub(target, Location); 
desired.mult(0.05); 
Reynolds 描 述 了 一 种 更 好 的 方法 ,假设 目标 附近 有 一 个 给 定 半径 的 圆 图 ， 如 果 小 车 运动 到 贺 
峰之 内 , 它 丈 减速 一 一 如 来 小 车 位 于 圆 图 的 边 绿 , 它 的 所 需 速 度 就 等 于 最 大 速率 ; 如 来 已 经 位 于 
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目标 位 置 ， 所 需 速 度 承 等 于 0。 


图 6-10 


换 名 话说， 如果 小 车 和 目标 的 距离 小 于 半径 >， 我 们 就 将 两 者 的 距离 映射 为 所 需 速度 ， 映 射 
的 目标 范围 是 0 至 最 大 速率 之 间 。 








_6 02 Arrive trail 


、_© 





示例 代码 6-2 ”到达 转向 行 ; 


void arrive(PVector target) { 
PVector desired = PVector.sub(target, Location); 


float d = desired.mag!(); 距离 等 于 当前 位 置 指向 目标 位 置 的 向 量 长 度 
desired.normalize(); 
if (d < 100) { 如 果 距 离 ,小 于 100 像 素 

float m = map(d,0,100,0,maxspeed ) ; 就 根据 距离 设置 所 需 速 度 大 小 


desired.muLt(m) ， 


} else { 
desired.mult(maxspeed); 否则 ， 继 续 以 最 大 速 座 前 进 
} 


PVector steer = PVector,.,sub(desired,velocity); 转向 力 = 所 需 速 度 一 当前 速度 


steer. limit(maxforce); 
applyForce (steer); 
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到 达 行 为 的 模拟 展示 了 “所 需 速度 - 当前 速度 ”公式 的 神 柯 之 处 。 回 想 前 面 儿 间 计算 力 的 方 
式 : 在 2.9 六 中 ， 不 管 引 力 是 强 是 弱 ， 它 的 方向 总 是 由 物体 指向 目标 〈 也 就 是 所 需 速度 的 方向 )。 


而 物体 的 转向 行为 则 有 所 不 同 ,物体 有 了 转向 力 之 后 , 它 像 是 在 说 ;“ 我 可 以 感知 环境 。” 转 
向 力 并 非 完全 基于 所 需 速度 , 而 是 同时 基于 所 需 速 度 和 当前 速度 。 只 有 那些 有 生命 的 物体 才 知 道 自 
己 的 当前 速度 。 一 个 从 桌子 上 下 落 的 盒子 并 不 知道 它 在 下 落 ， 但 追逐 猎物 的 猎豹 知道 自己 的 行为 。 

因此 ， 转 向 力 在 本 质 上 是 当前 速度 的 误差 体现 :“ 我 应 该 朝 着 这 个 方向 运动 ， 实 际 上 却 朝 
着 男 一 个 方向 运动 。 误 差 就 是 两 个 方向 之 间 的 差异 。” 在 误差 的 基础 上 施加 一 个 转向 力 会 创造 
更 贴近 现实 的 模拟 效果 。 在 引力 作用 下 ， 无 论 物体 和 目标 之 间 的 距离 有 多 近 ， 它 所 受 的 力 永远 
不 会 远离 目标 ; 但 在 转向 力 的 到 达 行为 中 ,如 果 它 朝 目标 运动 的 速度 过 快 , 转向 力 会 让 你 减速 以 
纠正 误差 。 



































转 回 力 = 所 需 速度 一 当前 速度 
图 6-11 


6.5 ”你 的 意图: 所 需 速 度 


前 面 我 们 学 会 了 两 种 行为 的 模拟 一 一 寻找 和 到 达 。 在 模拟 过 程 中 , 我 们 要 分 别针 对 这 两 种 行 
为 计算 一 个 向 量 : 所 需 速 度 。 实 际 上 ，Reynolds 提 出 的 所 有 转向 行为 都 基于 这 个 公式 ， 本 章 会 涵 
盖 其 他 行为 一 一 流 场 、 路 径 跟 随和 群集 。 我 还 是 要 强调 : 它们 只 是 示例 ， 只 是 为 了 展示 动画 中 名 
用 的 转 问 行为 ; 它们 并 不 是 全 部 行为 ， 你 能 做 的 远 远 不 止 这 些 。 只 要 设计 一 种 新 的 所 需 速度 计算 
方式 ， 束 相当 于 创造 了 新 的 转 回 行为 。 

在 游 走 (wandering ) 行为 中 ，Reynolds 是 这 么 定义 所 需 速 度 的 : 

















“ 游 走 是 一 种 随机 性 转向 ， 它 有 一 种 远 期 秩序 一 下 一 帧 的 转向 角度 和 当前 帧 的 转 
向 角度 相关 。 这 种 移动 方式 比 单纯 为 每 一 帧 产生 随机 方向 更 有 趣 。” 
Craig Reynolds (http:/www.red3d.com/cwr/steer/Wander.html ) 














在 Reynolds 看 来 ， 游 走 的 日 标 并 不 是 随机 运动 ， 而 是 在 某 一 小 段 时 间 内 朝 着 一 个 方 癌 运动 ， 
在 下 一 小 段 时 间 朝 着 另 一 个 方 回 运动 ,如 此 往复 。 这 里 有 一 个 问题 ，Reynolds 如 何 计 算 游 走行 为 
的 所 需 速 度 ? 





未 来 位 置 


图 6-12 





在 图 6-12 中 ， 小 车 把 目 己 前 方 菜 处 当 作 未 来 位 置 ， 在 这 个 未 来 位 置 上 画 一 个 半径 为 r 的 圆圈 ， 
并 在 圆 上 随机 选择 一 个 点 , 在 每 一 帧 动画 中 ,这 个 点 都 是 随机 确定 的 。 我 们 可 以 把 这 个 点 当 作 目 
标 位 置 ， 并 由 此 计算 所 需 速度 。 

你 可 能 会 觉得 这 种 做 法 不 是 很 合理 ， 因 为 它 看 起 来 有 些 随 意 。 实际 上 ， 这 是 一 种 很 巧妙 的 方 
案 : 它 利 用 随机 性 驱动 小 车 的 转向 ， 还 利用 圆 交 的 轨迹 限制 随机 性 。 


这 种 随机 的 方案 解释 了 我 之 前 提出 的 观点 一 一 这 些 虚构 的 行为 源 目 现实 世界 的 运动 。 你 可 以 
计算 自己 的 所 需 速度 ， 并 由 此 构建 更 复杂 的 模拟 场景 。 











练习 6.4 


请 实现 Reynolds 提出 的 游 走 行为 。 用 极 坐 标 计算 小 车 在 圆圈 上 的 目标 位 置 。 


@A Ex 6 04 Wander 





假设 我 们 想 创建 一 种 名 为 “ 留 在 增 内 ”的 转向 行为 ， 它 的 所 需 速 度 如 下 : 
如 果 小 车 和 墙 之 间 的 距离 小 于 d， 它 应 该 以 最 大 的 速度 朝 着 墙 的 反方 向 运动 。 


我 们 把 Processing 的 和 窗口 边 绿 当 作 墙 ， i 上 4 等 于 25 像 尿 ， 就 可 以 简单 地 用 示例 代码 6-3 中 的 代 
但 模拟 这 种 行为 。 
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_6 03 stayWithinWalls_trail 





示例 代码 6-3 “ 留 在 寺内 ” 转 同行 为 


if (location.x > 25) { 





PVector desired = new PVector(maxspeed, velocity.y); 设计 一 个 所 需 速 度 向 量 ， 向 量 的 分 量 等 
于 当前 速度 ”的 Y 分 量 ， 让 X 分 量 朝 着 远 
离 窗口 左边 缘 的 方向 


PVector steer = PVector.sub(desired, velocity); 
steer. limit(maxforce); 
applyForce (steer); 


练习 6.5 


请 自己 设计 一 套 所 需 速度 的 计算 方案 。 





6.6 流 场 


器 到 手头 的 任务 ， 让 我 们 继续 学 习 Reynolds 的 其 他 转 癌 行为 。 本 市 将 学 习 流 场 跟 随行 为 ， 什 
么 是 流 场 ?把 Processing 窗 口 当 作 一 个 网 格 ， 每 个 单元 格 和 都 有 一 个 回 量 指 加 特定 方向 ， 这 样 的 模 
型 就 是 流 场 。 在 小 车 的 移动 过 程 中 ,， 它 会 商 :“ 位 于 我 下 方 的 箭头 就 是 我 的 所 需 速 度 ! 
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图 6-14 


在 Reynolds 的 流 场 跟随 模型 中 ， 小 车 应 该 能 预测 上 自己 的 未 来 位 置 ， 并 使 用 未 来 位 置 对 应 的 流 
场 品 量 。 但 为 了 让 例子 更 人 简单， 我 们 只 检查 小 车 当前 位 置 对 应 的 流 场 癌 量 。 

在 为 Vehicle 类 添加 额外 代码 之 前 ， 我 们 应 该 先 创建 一 个 流 场 (FlowField ) 类 ， 这 是 一 个 
问 量 网 格 。 二 维 数组 是 一 种 很 方便 的 数据 结构 ， 可 用 于 存放 网 格 信 息 。 如 采 你 不 融 悉 二 维 数组 ， 
我 建议 你 复习 Processing 的 在 线 教程 : 2D array ( http://processing.org/learning/2darray/ )。 二 维 数组 
的 使 用 非常 方便 ， 只 和 需 用 两 个 下 标 就 能 访问 到 它 的 所 有 元 素 ， 这 两 个 下 标 分 别 代表 行 号 和 列 号 。 


class FlowField { 























PVector[][] field; 声明 存放 向量 的 二 维 数 组 

int cols, rows; 网 格 中 有 多 少 行 ， 多 少 列 ? 

int resolution; 网 格 的 分 辩 举 ， 它 的 值 和 屏幕 的 高 度 和 宽度 (像素 ) 
有 关 


在 上 面 的 代码 中 ， 我 们 还 定义 了 一 个 resolution 变 量 ,， 这 个 变量 有 什么 作用 ? 假如 
Processing 的 窗口 的 分 辨 紊 是 200 x 200， 我们 可 以 为 每 个 像 双 指定 一 个 癌 量 ， 共 计 40 000 个 回 量 
(200 x 200 )。 对 我 们 来 说 ,这 个 数 日 太 大 了 。 我 们 可 以 用 其 他 方式 实现 相同 的 效果 ， 比 如 为 每 10 
个 像 系 指定 一 个 同 量 (20 x 20 = 400 )。 我 们 用 这 个 resolution 变 量 定 义 流 场 的 行 数 和 列 数 ， 只 
要 将 窗口 大 小 除 以 resoLution， 就 能 得 到 行 数 和 列 数 。 


FlowField() { 
resolution = 10; 





cols = width/resolution; 总 列 数 等 于 宽度 除 以 resoLution 
rows = height/resolution; 总 行 数 等 于 高 度 除 以 resoLution 


field = new PVector[cols][rows]; 


} 
我 们 已 经 建立 了 流 场 的 数据 结构 ,下 面 要 确定 流 场 的 组 成 回 量 。 我 们 可 以 让 流 场 中 的 每 个 向 
量 都 指向 右边 。 
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图 6-15 
for (int i = 0; i < cols; i++) { 使 用 识 套 循环 遍历 流 场 的 所 有 行 和 所 有 列 
for (int j=0; j < rows; j++) { 
field[i][j] = new PVector(1,0); 随意 地 让 流 场 中 的 向 量 指向 右边 
} 


} 
我 们 也 可 以 让 各 个 回 量 指 加 随机 方 回 。 
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图 6-16 
for (int i = 0; i < cols; i++) { 
for (int j = 0; j < rows; j++) { 
field[i][j] = PVector.2D(); 一 个 随机 向 量 


} 
我 们 还 可 以 用 二 维 的 Perlin 噪 声 生 成 癌 量 (映射 成 一 个 角度 )。 


float xoff = 0; 
for (int i = 0; i < cols; j++) { 
float yoff = 0; 
for (int j = 0; j < rows; j++) { 
float theta = map(noise(xoff, yoff),0,1,0,TWO PI); 噪声 算法 


field[i][j] = new PVector(cos(theta),sin(theta)); 
yoff += 0.1; 

} 

xoff += 0.1; 


流 场 可 用 于 多 种 效 末 的 模拟 ， 如 不 规则 的 风 以 及 旷 蜂 的 河流 等 。 用 Perlin 品 声 计算 回 量 的 方 
癌 是 一 种 有 效 的 实现 方式 。 流 场 向 量 的 计算 并 设 有 绝对 “正确 ”的 方式 , 它 完 全 取决 于 目标 效果 。 
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图 6-17 


请 实现 下 图 所 示 的 流程 ， 让 流 场 中 的 每 个 向 量 都 指向 窗口 中 央 。 
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PVector v = new PVector( 


V 


现在 ,我 们 有 一 个 二 维 数组 用 于 存放 流 场 的 所 有 回 量 。 下 面 要 做 的 就 是 在 流 场 中 查询 小 车 的 
所 需 速 度 。 假 设 小 车 正 位 于 某 个 坐标 ， 首 先 要 将 这 个 坐标 除 以 网 格 的 resotution。 如 果 
resolution 等 于 10， 小 车 的 坐标 是 (100, 30)， 我 们 就 应 该 查询 位 于 第 10 列 和 第 5$ 行 的 单元 格 。 


field[i][j] = v; 














int column = int(location.x/resolution); 
int row = int(location.y/resolution); 


由 于 小 车 可 能 离开 Processing 屏 幕 ， 所 以 我 们 还 需要 用 constrain() 汤 数 确保 它 不 会 越界 访 
问 流 场 数组 。 最 后 ， 我 们 在 流 场 (FlowField ) 类 中 加 入 一 个 Lookup () 函数 一 一 这 个 函数 的 参 


数 是 一 个 PVector 对 象 〈 代 表 小 车 的 位 置 ) 返回 值 是 该 位 置 的 流 场 回 量 。 


PVector lookup(PVector Lookup) { 使 用 Constrain() 有 孔 数 
int column = int(constrain(lookup.x/resolution,0,cols-1)); 
int row = int(constrain(lookup.y/resolution,0,rows-1)); 
return field[column] [row].get(); 


get () 函数 返回 PVector 对 象 的 副本 
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在 实现 Vehicle 类 之 前 ， 让 我 们 看 看 FlLowField ( 流 场 ) 类 的 全 貌 : 
class FlowField { 


PVector[][] field; 流 场 是 一 个 二 维 的 向 量 数组 


int cols,rows; 
int resolution; 


FlowField(int r) { 
resolution = r:; 


cols 
rows 


width/resolution; 计算 
height/resolution; 


了 数 和 列 数 


i 
x 


field = new PVector[cols][rows]; 
jnit():; 


} 


voijid init() { 
float xoff = 0; 
for(int i=0;i<cols;i++){ 
float yoff=0; 
for(int j=0;j<rows;j++){ 
float theta = map(noise(xoff,yoff),0,1,0,TWO PI); 我 们 用 Perlin 品 声 确 定 流 场 向 量 


field[i][j] = new PVector(cos(theta) ,Sin(theta) ) ;将 极 坐 标 转化 为 笛 卡 儿 坐 标 ， 得 
到 向 量 的 X 分 量 和 /分 量 





yoff += 0.1; 
} 
xoff += 0.1， 
} 
} 
PVector lookup(PVector lookup) { 根据 位 置 返回 所 需 速 度 向 量 
int column = int(constrain(lookup.x/resolution,0,cols-1)); 
int row = int(constrain(lookup.y/resolution,0,rows-1)); 
return field[column] [row].get(); 
} 


} 


假 疫 有 一 个 流 汤 对 名 flow， 通过 调用 它 的 Lookup( ) 国 数 ， 我 们 就 能 获得 小 车 在 流 场 中 的 所 
需 速 度 ， 再 通过 Reynolds 的 转 回 力 公 式 〈 转 回力 = 所 需 速度 - 当前 速度 )， 就 能 得 到 转 问 力 。 


MA _6 04 Flowfield 
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示例 代码 6-4” 流 场 跟 随 


class Vehicle { 
void follow(FlowField flow) { 
PVector desired = flow.lookup(location); 获得 流 场 中 对 应 的 所 需 速 度 向 量 
desired.mult(maxspeed); 


PVector steer = PVector,sub(desired, velocity); 转向 力 等 于 所 需 速 度 减 去 当前 速度 


steer. limit(maxforce); 
appLyForce(Steer) ; 


练习 6.7 
个 流 场 程序 ,使 流 场 内 的 向 量 随时 间 发 生变 化 。( 提示 :使 用 用 三 维 Perlin 噪声 算法 1 ) 


练习 6.8 
否 用 一 个 PImage 对 象 初始 化 流 场 ? 比如 ， 让 流 场 向 量 从 图 像 的 暗部 指向 亮 部 (反之 亦 





6.7 点 乘 


接 下 来 ,我们 开始 讨论 Craig Reynolds 的 下 一 个 转 问 行为 (路径 跟 随 ，http://www.red3d.com/ 
een 学 习 行 为 背后 i (相关 的 数学 运算 ) 和 实现 方式 。 但 在 此 之 前 ， 
我 要 先 学 习 第 1 草 遗 漏 的 癌 量 运算 一 一 点 乘 (点 积 )。 前面 的 莉 市 没有 用 到 点 乘 , 但 它 却 非 第 有 用 
i 的 路 径 跟 随 程序 中 )， 因此 本 节 的 目的 就 是 学 习 点 乘 。 

你 还 记得 第 1 章 提 到 的 癌 量 运算 么 ? 加法、 减法、 乘法 和 除法 …… 

回 量 加 法 向 量 乘法 


. = 
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请 广 意 ， 上 图 中 辐 量 的 乘法 指 将 向 量 乘 以 一 个 标量 。 如 果 想 把 向 量 放大 成 原来 的 两 倍 〈 方 加 
保持 不 变 )， 我 们 可 以 将 向 量 乘 以 2; 如 果 想 把 向 量 缩短 为 原来 的 112， 我 们 就 将 它 乘 以 0.5。 

除 此 之 外 还 有 两 种 向 量 类 乘法 运算 一 点 乘 和 又 乘 。 接 下 来 我 们 要 关注 点 乘 运算 。 点 乘 运算 
的 定义 如 下 ， 对 向 量 4 和 向 量 B: 








点 乘 A.B=a,xb,+a,xb, 
蕉 个 例子 ， 如 来 我 们 有 以 下 两 个 问 量 : 


A=(-3, 5) 
B=(10, 1) 


A:B=-3x10+5xl1=-30+5=25 


注意 点 乘 的 计算 结 采 是 一 个 标量 〈 数 字 )， 并 非 回 量 。 
用 Processing 实 现 上 述 运算 


PVector a 
PVector b 


float n = 


a 





new PVector(-3,5); 
new PVector(10,1); 


.dot (b); PVector 类 包 念 点 乘 池 数 


查看 PVector 的 源 代码 ， 我 们 发 现 这 个 孙 数 的 实现 非 第 简单 : 


public float dot(PVector v) { 
return XkxkV,X + y*V.y + ZzZ*V.2; 


} 


扩 乘 的 运算 非 肖 简单 ， 但 为 什么 我 们 和 需要 点 乘 运算 ， 何 时 在 代码 中 使 用 点 乘 呢 ? 
所 乘 比较 肖 见 的 用 途 是 计算 两 个 向 量 之 间 的 夹 角 。 它 的 计算 方式 还 可 以 表示 为 : 





A.B= Alx|Blx cos(O) 


换 句 话说，4 和 B 的 点 乘 等 于 4 的 长 度 乘 以 B 的 长 度 ， 再 乘 以 0 ( 向 量 4 和 向 量 B 之 间 的 夹 


角 ) 的 余弦 。 


点 乘 的 这 两 个 公式 可 以 用 三 角 呆 数 互相 推导 ( http://mathworld.wolfram.com/DotProduct.html )， 
我 们 的 推算 建立 在 以 下 公式 的 基础 上 : 





A.B= alx|Blx cos(O) 


A:B=a,xb,+a,xDb, 
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两 个 公式 的 左边 相同 ， 因 此 : 


a, xb, +a, xb, =|Alx|Blxcos(O) 





现在 ， 让 我 们 开始 解决 下 面 的 问题 。 假 设 有 向 量 4 和 向 量 B: 


A=(10, 2) 
B=(4, -3) 
10 4 
2 
3 一 
B 
4 
图 6-19 





除了 癌 量 之 间 的 夹 角 9， 所 有 参数 部 是 已 知 的 。 我 们 知道 向 量 的 每 个 分 量 ， 能 够 计算 它们 的 
长 度 。 因 此 ，9 的 余弦 可 以 通过 以 下 公式 计算 得 到 : 





cos(9)=(4-B)/(|Alx|a)) 
我 们 可 以 用 反 余弦 ( 通常 表示 为 cos! 或 arecos ) 计算 6 的 大 小 。 
9=cos (G 避 /人 和 | 动 


把 实际 的 数字 代入 计算 : 


因此 : 
O=cos ((10x4+2x-3)/(10.2x59)) 
0=cos (34/51) 
0=48 
用 Processing 实 现 上 述 运 算 ， 代 人 码 如 下 : 
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PVector a = new PVector(10,2); 
PVector b = new PVector(4,-3)， 
float theta = acos(a.dot(b) / (a.mag() * b.mag())); 


再 一 次 ， 如 果 有 胆量 看 Processing 的 源 代码 ， 我 们 会 发 现 有 个 洱 数 已 经 实现 了 这 个 算法 。 
static public float angleBetween(PVector v1, PVector v2) { 
float dot = v1.dot(v2); 


float theta = (float) Math.acos(dot / (vl.mag() * v2.mag())); 
return theta; 


练习 6.9 


请 用 Sketch 显示 两 个 向 量 之 间 的 夹 朋 ， 如 下 图 所 示 : 


| Ex 6 09 AngleBetween 


a 


45 degrees 
0.7853982 radians 





有 两 件 事 情 需要 注意 : 

(1) 如 果 两 个 向 量 ( 4 和 B ) 正 交 (也 就 是 互相 垂直 )， 它 们 的 点 乘 ( 4.8 ) 等 于 0; 

(2) 如 果 两 个 向 量 是 单位 向 量 ， 它 们 的 点 乘 就 等 于 夹 角 的 余弦 ， 也 就 是 ， 如 果 4 和 8B 的 长 度 
都 是 1， 则 4. B= cos(O) 。 


6.8 路 径 跟 随 


现在 ， 我 们 已 经 对 点 乘 有 了 基本 的 了 解 ， 下 面 开 始 讨论 Craig Reynolds 的 路 径 跟 随 算法 。 冰 
先 要 澄清 一 个 事实 , 本 市 讨论 的 是 路 径 跟 随 , 并 不 是 路 径 寻 找 。 路 径 寻 找 是 一 个 研究 性 的 话题 (在 
人 工 知 能 领域 )， 主 要 用 于 计算 迷宫 内 两 点 的 最 短 距离 。 而 在 路 径 跟 随 中 ， 路 径 已 经 存在 ， 我 们 
只 是 计 小 车 汽 着 路 径 移动 而 已 。 

在 人 研究 个 体 之 前 ， 我 们 先 来 看 看 路 径 跟 随 算法 的 定义 ， 它 是 由 Reynolds 提 出 的 。 

首 完 , 我 们 要 定义 路 往 。 定义 路 径 的 方法 有 很 多 种 ， 一 种 简单 的 方法 就 是 将 它 定义 为 一 系列 
相连 的 点 。 
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全 万 许 


~ 小 车 的 未 来 位 置 





图 6-20 


图 6-21 ”路径 


最 简单 的 路 径 就 是 两 点 之 间 的 线段 。 


路 径 半径 


图 6-22 ”简单 的 路 径 





我 们 设想 路 径 有 半径 ， 如 末路 径 是 一 条 违 路， 半径 就 是 道路 的 宽度 。 半 径 越 小 , 小 车 就 会 越 
紧密 地 跟随 路 线 ; 半径 越 大 ， 小 千 的 可 偶 离 程度 也 就 越 大 。 


将 上 述 定义 放 和 类 中 ， 代 码 如 下 : 
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class Path { 


PVector start; 


路 径 由 两 点 定义 : 起 点 和 终点 
PVector end; 


float radius; 路 径 有 半径 ， 即 路 的 宽度 


Path() { 
radius = 20; 选择 任意 值 初 始 化 路 径 
start = new PVector(0, height/3); 


end = new PVector(width, 2*height/3); 
} 


void display() { // 显示 路 径 
strokeWeight (radius*2); 
stroke(0,100); 
line(start.x,start.y,end.x,end.y); 
strokeWeight(1); 

stroke(0); 
line(start.x,start.y,end.x,end.y); 

} 

} 





现在 ,假设 有 一 辆 小 车 ( 如 下 图 所 示 ) 位 于 半径 之 外 ， 正 以 一 定 的 速度 运动 。 


起 始 位 置 





路 径 
终点 位 置 


图 6-23 


首先 我 们 要 预测 : 如 果 小 车 以 恒定 的 速度 运动 ， 过 一 段 时 间 后 它 会 出 现在 什么 位 置 。 


PVector predict = vel.get(); 首先 创建 速度 向 量 的 副本 


predict.normalize(); 


单位 化 向 量 ， 并 将 向 量 向 前 延伸 25 像 素 
predict.mult(25); 


PVector predictLoc = PVector.add(loc, predict); 将 向 量 加 上 当前 位 置 ， 计 算 未 来 的 位 置 


一 旦 有 了 这 个 位 置 , 我 们 就 可 以 计算 它 与 路 径 之 间 的 距离 。 如 有 果 距 离 太 远 ， 表明 我 们 在 偏离 
路 径 ， 应 该 转 同 ， 瑚 看 路 径 所 在 的 方向 运动 ; 如 采 距 离 足够 近 ， 和 表明 我 们 正在 汽 春 路 径 运 动 。 
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如 何 计算 点 到 线 的 距离 ”这 是 个 关键 问 题 。 点 到 线 的 距离 就 等 于 点 和 线 之 间 的 法 线 长 度 。 法 
线 指 的 是 从 该 点 延伸 并 垂直 于 该 线 的 问 量 。 


未 来 位 置 






点 到 线 之 间 的 法 线 距 离 
起 后 位 置 


路 径 
终点 位 置 


图 6-24 





先 弄 清楚 已 知 条 件 , 我 们 知道 有 一 个 向 量 ( 称 为 4 ) 从 路 径 的 起 始 位 置 延 伸 至 小 车 的 预测 位 置 。 


PVector a = PVector.sub(predictLoc,path. start); 


我 们 还 可 以 定义 一 个 向 量 ( 称 为 8 )， 它 从 路 径 的 起 始 位 置 指向 终点 


~ JYO 


PVector b = PVector.sub(path.end,path.start) ; 
根据 三 角 函 数 的 基本 知识 ， 路 径 起 始 位 置 与 法 线 交 点 之 间距 离 等 于 : |4|*cos(0) 。 


未 来 位 置 


起 点 位 年 





Cos fg, 


点 位 置 


图 6-25 


如 果 我 们 知 违 夹 角 9， 就 可 以 轻 多 地 求 出 法 线 交 点 ， 方 法 如 下 : 
float d = a.mag()*cos(theta) ; 起 点 到 法 线 交 点 的 距离 
b.normalize(); 

b.mult(d); 使 向 量 b 等 于 两 者 之 间 的 距离 


PVector normaLPoint = PVector.add(path.start,b); 将 延伸 后 的 b 向 量 加 上 路 径 的 起 点 ,就 得 到 了 法 线 交 点 
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回想 前 面 学 习 的 点 乘 ， 它 告诉 我 们 : 已 知 两 个 向 量 ， 就 能 计算 出 癌 量 之 间 的 夹 角 0。 


float theta = PVector.angleBetween(a,b); 9 等 于 向 量 A 和 之 间 的 夹 角 


b.normalize(); 
b.mult(a.mag()*cos (theta)); 
PVector normalPoint = PVector.add(path.start,b); 


尽管 上 述 代码 能 正 稼 运行 ， 但 我 们 还 是 可 以 简化 它 。 你 会 注意 到 ， 回 量 B 的 长 度 应 该 等 于 : 
a.mag()*cos(theta) 


这 段 代 码 对 应 的 表达 式 就 是 : 





Alxcos(O) 





回顾 之 前 的 点 乘 公 式 : 
了 .万 = | 和合 xeos(o) 
现在 ， 如 果 向 量 8B 是 一 个 单位 向 量 ， 也 就 是 长 度 等 于 1， 就 有 : 


了 .万 = xlxcos(O) 


A.B= 人 下 x cos(O) 
我 们 可 以 在 代码 中 将 b 回 量 单位 化 : 
b.normaLize() ; 
最 后 ， 我 们 可 以 把 代码 简化 成 : 





b .normaLize() ; 


b.mult(a.dot(b)); 我 们 可 以 利用 点 乘 改变 b 的 长 度 


PVector normalPoint = PVector.add(path.start,b); 





这 个 过 程 通常 称 为 “标量 投影 ”， Alxcos(O) 就 是 向 量 4 到 B 的 标量 投影 。 


有 了 了 路径 的 法 线 交 点 之 后 ,我们 应 该 根据 它 确定 小 车 是 否 应 该 转向 , 如何 进行 转向 。 Reynolds 
的 算法 指出 : 如 琳 小 车 偏离 了 路 径 (也 就 是 预测 位 置 和 法 线 交 点 的 距离 大 于 路 径 的 半径 )， 它 就 
应 该 转 问 。 


float distance = PVector.dist(predictloc, normalPoint); 


if (distance > path.radius) { 如 果 小 车 位 于 路 径 之 外 ， 寻 找 目 标 
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seek (target); 我 们 不 需要 计算 所 需 速 度 和 转向 力 ，Seek ( ) 函数 
会 计算 它们 ， 详 见 示 例 代 码 6-1 
} 





人 


|4ll * cos (9) 


图 6-26 


小 车 必须 转 问 
(8 


C De 路 径 


但 是 ， 目 标 位 置 在 哪里 ? 








Reynolds 的 算法 选取 路 径 上 位 于 法 线 交 操 前 方 的 某 个 点 作为 日 标 位 置 ( 参见 图 6-20 ), 简单 起 
见 ， 我 们 把 法 线 交 点 当 作 目标 位 置 ， 这 样 也 能 正常 工作 : 


float distance = PVector.dist(predictLoc, normalPoint); 
if (distance > path.radius) { 

seek (normalPoint); 寻找 路 径 上 的 法 线 交 点 
} 








由 于 路 径 向 量 ( 称 为 向 量 “B8”) 也 是 已 知 的 ， 我 们 可 以 轻易 地 寻找 到 Reynolds 的 “ 沿 着 路 
径 回 前 的 东 个 氮 。 







起 要 寻找 的 目标 


向 前 25 像 素 


一 加 
B (路 径 ) 


图 6-28 
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float distance = PVector.dist(predictLoc, normalPoint); 
if (distance > path.radius) { 


b.normalize(); 单位 化 ,并 改变 长 度 b (随意 选取 25 像 素 作为 向 量 长 度 ) 
b.mult(25); 
PVector target = PVector.add(normalPoint,b); 将 b 加 上 法 线 交 点 ， 沿 着 路 径 向 前 移动 25 像 素 


seek (target); 
} 


将 上 述 实现 放 在 一 起 ， 就 可 以 在 Vehicle 类 中 加 入 以 下 转 癌 功 能 : 


-6_05_PathFollowingSimple 





示例 代码 6-5 ”简单 的 路 径 跟 随 


void follow(Path p) { 


PVector predict = vel.get(); 第 1 步 : 预测 小 车 的 未 来 位 置 
predict.normalize(); 

predict.mult(25); 

PVector predictLoc = PVector.add(loc, predict); 





PVector a = p.start; 第 2 步 : 在 路 径 上 寻找 法 线 交 点 
PVector b = p.end; 
PVector normalPoint = getNormalPoint(predictLoc, a, b); 


PVector dir = PVector.sub(b, a); 第 3 步 : 沿 着 路 径 前 进 一 段 距离 ， 将 其 设 为 目标 
dir.normalize(); 

dir.mult(10); 

PVector target = PVector.add(normalPoint, dir); 


float distance 第 4 步 : 如 果 我 们 脱离 了 路 径 ， 就 寻找 之 前 设 定 的 目 
标 ， 然 后 回归 路 径 
PVector.dist(normalPoint, predictLoc); 
if (distance > p.radius) { 
seek (target); 
} 


} 


你 可 能 会 发 现 ， 上 面 的 代码 没有 调用 点 乘 / 标 量 投 影 的 函数 来 求解 法 线 交 点 ， 而 是 调用 了 
getNormalPoint() 隆 数 。 我 们 把 执行 一 般 性 任务 的 操作 (求解 法 线 交 点 ) 封装 成 了 晒 数 ， 有 相 
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应 需求 时 只 和 圭 调 用 这 个 函数 即 可 。getNormalPoint() 孙 数 有 3 个 参数 : 第 1 个 参数 是 笛 卡 儿 和 坐标 
系 中 某 个 点 ， 第 2 个 参数 和 第 3 个 参数 定义 了 一 个 线段 。 


p 














函数 返回 “法 线 交 后 


图 6-29 


PVector getNormalPoint(PVector p, PVector a, PVector b) { 


PVector ap = PVector.sub(p, a); 由 ad 指向 的 向 量 
PVector ab = PVector.sub(b, a); 由 a 指 向 b 的 向 量 
ab.normalize(); 使 用 点 乘 计算 标量 投影 
ab.mult(ap.dot(ab)); 

PVector normalPoint = PVector.add(a, ab); 在 线段 上 寻找 法 线 交 点 
return normalPoint; 


} 
到 目前 为 止 , 我 们 有 什么 ? 我 们 有 一 个 Path 类 用 于 定义 两 点 之 间 的 路 径 , 还 有 一 个 Vehicle 
类 定义 了 可 跟随 路 径 的 小 车 对 象 〈 利 用 转 回 行为 寻找 路 径 上 的 目标 )。 我 们 还 缺少 什么 ? 
深呼吸 ， 我 们 快 完 成 任务 了 ! 


6.9 ”多段 路 径 跟随 


\ 
图 6-30 


到 目前 为 止 ,， 我 们 已 经 实现 了 一 个 很 不 错 的 例子 ,但 是 它 的 限制 很 多 。 假 如 我 们 的 路 径 如 图 
6-31 所 示 ， 该 如 何 模拟 ? 

我 们 还 想 让 这 个 例子 适用 于 曲线 路 径 ， 只 要 能 求解 多 个 线段 的 路 径 跟 随 , 曲线 路 径 跟 随 也 就 
迎刃而解 了 。 归 根 结 底 ， 我们 可 以 使 用 Box2D 章 市 提 到 的 技术 一 一 用 近似 的 简单 几何 图 形 代替 曲 








图 ”6-31 
我 们 解决 了 单个 线段 的 路 径 跟 随 问题 , 接 下 来 该 如 何 解 决 多 个 相连 线段 的 路 径 跟 随 问 题 ? 让 
我 们 回顾 小 车 沿 着 屏 茶 运动 的 例子 ， 假设 我 们 已 经 到 了 步 台 3。 
步骤 3: 在 路 径 上 寻找 一 个 目标 位 置 


为 了 寻找 目标 位 置 ， 我 们 必须 找到 线段 上 的 法 线 交 点 。 但 现在 的 路 径 是 由 多 个 线段 组 成 的 ， 
法 线 交 点 也 有 多 个 ( 如 图 6-32 所 示 )。 该 选择 哪个 交点 ?这 里 有 两 个 选择 条 件 :( a ) 选择 最 近 的 
法 线 交 点 ;(b ) 这 个 交点 必须 位 于 路 径 内 。 














点 A: 不 能 选择 这 个 点 ， 它 不 在 路 径 上 


点 B: 也 不 能 选择 这 个 点 ， 距 离 太 远 
氮 C: 选择 这 个 点 


图 6-32 


如 果 只 有 一 个 点 和 一 条 无 限 长 的 直线 ,总 能 得 到 位 于 直线 内 的 法 线 交 点 。 但 如 条 是 一 个 点 和 
一 个 线段 ， 则 不 一 定 能 找到 位 于 线段 内 的 法 线 交 点 。 因 此 ， 如 来 法 线 交 点 不 在 线段 内 ,我 们 束 应 
该 将 它 排除 在 外 。 得 到 符合 条 件 的 法 线 交 点 后 ( 在 上 图 中 ， 只 有 两 个 符合 条 件 的 交点 )， 我 们 需 
要 挑选 出 最 近 的 点 作为 目标 位 置 。 


为 了 实现 这 样 的 特性 ,我 们 要 扩展 Path 类 ,加 入 一 个 ArrayList 对 象 用 于 存放 路 径 的 项 点 ( 代 
蔡 之 前 的 起 点 和 终点 )。 








_6_06_pPathFollowing 
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class Path { 


ArrayList<PVector> points; 路 径 现在 由 点 构成 ArrayList 


float radius; 


Path() { 
radius = 20; 
points = new ArrayList<PVector>(); 
} 
void addPoint(float x,float y) { 该 范 数 允许 我 们 向 路 径 中 添加 点 


PVector point = new PVector(x,y); 
points.add (point); 


void display() { 用 一 系列 点 显示 路 径 
stroke(0); 
noFill(); 
beginShape(); 
for (PVector v : points) { 
vertex(Vv.x,V.y); 


} 
endShape(); 


} 

文 持 多 段 路 径 的 Path 类 已 经 定义 好 ,下 面 轮 到 VehictLe 类 处 理 多 段 路 径 了 。 之 前 我 们 已 经 学 
会 如 何 为 单个 线段 寻找 法 线 交 点 ， 只 需要 加 入 一 个 循环 就 能 得 到 所 有 线段 的 法 线 交 点 。 

for (int i = 0; i < p.points.size()-1; i++) { 


PVector a p.points .get (i); 
PVector b p.points .get (i+]); 


PVector normalPoint = getNormalPoint(predictLoc,a,b); 为 每 个 线段 寻找 法 线 交 点 
接 下 来 , 我 们 应 该 确保 法 线 交 点 处 在 点 a 和 点 b 之 间 。 在 本 例 中 ， 路径 的 走向 是 由 左 向 右 ， 因 
此 只 需 验 证 法 线 交 点 的 x 坐标 是 否 位 于 a 和 b 的 x 坐标 之 间 。 


if (normalPoint.x < a.x || normalpoint.x> b.x) { 
normalPoint = b.get(); 如 果 无 法 找到 法 线 交 点 , 就 把 线段 的 终点 当 作 法 线 交 点 











} 

使 用 一 个 小 技巧 : 如 来 法 线 交 点 不 在 线段 内 ,我 们 就 把 线段 的 终点 当 作 法 线 交 点 。 这 样 可 以 
确保 小 车 始终 留 在 路 径 内 ， 即 使 它 偏离 了 线段 的 边界 。 

最 后 ,我 们 需要 选 出 离 小 车 最 近 的 法 线 交 点 。 为 了 完成 这 个 任务 ,我 们 从 一 个 很 大 的 “世界 
记录 ”距离 开始 ， 再 一 次 过 爵 每 个 法 线 交 点 ， 看 看 它 的 距离 是 否 打破 了 这 个 记录 比 记录 小 )。 
每 当 某 个 法 线 交 点 打破 了 记录 ， 我 们 就 更 新 记录 ， 把 这 个 法 线 交 点 赋 给 target 变 量 。 循 环 结 
时 ，target 变 量 就 是 最 近 的 法 线 交 点 。 
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_6_06_pPathFollowing 





示例 代码 6-6 路径 跟随 


PVector target = null; 


float worldRecord = 1000000; 从 最 大 记录 开始 ， 这 个 记录 可 以 被 轻易 打破 


for (int i = 0; i < p.points.size()-1; I++) { 
PVector a = p.points.get(i); 
PVector b = p.points.get(I+1) ; 
PVector normalPoint = getNormalPoint(predictLoc, a, b); 
If (normalPoint.x < a.x || normalPoint.x > b.x) { 
normalPoint = b.get(); 


} 


float distance = PVector.dist(predictLoc, normalPoint); 


if (distance < worldRecord) { 如 果 打 破 了 最 大 记录 ， 这 就 是 我 们 的 目标 位 置 ! 
worldRecord = distance 
target = normaLPoint ,get() ; 


练习 6.10 


请 改写 路 径 跟 随 的 示例 程序 ， 让 路 径 的 走向 可 以 为 任意 方向 。( 提示 : 你 需要 调用 min() 函 
数 和 max() 函 数 用 于 判断 法 线 交 点 是 否 位 于 线段 内 。) 


if (normalPoint.x < 人 ) || normalpoint.x> 


normalPoint = b.get(); 


b 


练习 6.11 


创建 一 条 随时 间 改 变 的 路 径 ， 你 能 否 让 构成 路 径 的 顶点 有 它 自己 的 转向 行为 ? 
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6.10 复杂 系统 


还 记得 我 们 最 初 的 目的 吗 ? 我 们 想 要 在 物体 中 注入 生命 。 在 日 治 智能 体 的 实现 过 程 中 , 我 们 
成 功 地 模拟 了 一 系列 个 体 行为 , 或 许 你 已 经 因此 觉得 满足 了 。 但 现在 不 是 停 下 来 的 时 候 , 一 切 才 
刚刚 开始 。 我 们 还 有 更 深层 次 的 目的 , 小 车 只 是 个 体 ， 它 能 自己 决定 如 何 运动 , 但 个 体 一 般 部 会 
和 其 他 个 体 一 起 存在 ,并 且 相 互 影响 。 因此, 我们 的 目的 不 仪 仅 是 模拟 个 体 的 行为 ,还 应 该 把 小 
车 放 入 一 个 由 许多 个 体 组 成 的 系统 中 ， 让 它们 相互 影响 。 


思考 一 只 蚂蚁 ， 即 蚂蚁 个 体 ， 蚂 凡是 一 个 自治 智能 体 ， 它 能 够 感知 环境 (用 触角 来 收集 化 学 
言 号 的 方向 和 强度 信息 ), 并 能 根据 这 些 信 号 决定 移动 。 但 仅 赁 一 只 蚂蚁 能 否 完成 筑 巢 、 采 集 食物 、 
捍卫 蚁 后 这 些 艰 巨 的 任务 ?蚂蚁 是 一 种 简单 的 单元 ， 只 能 感知 其 周围 的 环境 。 而 蚁 群 就 是 一 个 复 
匠 的 系统 ， 是 一 个 “超级 有 机 体 ”"， 其 中 的 各 部 分 成 员 协 同 工 作 ， 共 同 完 成 艰巨 和 复杂 的 任务 。 

前 面 我 们 已 经 学 习 了 如 何 构建 自治 智能 体 ， 接 下 来 要 做 的 就 是 让 多 个 自治 智能 体 并 行 运 
行 一 一 智能 体 不 仅 能 感知 物理 环境 ， 还 能 感知 同伴 的 活动 ,最 后 根据 这 些 信 息 决 定 如 何 移动 。 我 
们 打算 用 Processing 创 建 复 杂 系 统 。 


什么 是 复杂 系统 ? 复杂 系统 通常 是 这 么 定义 的 :“ 一 个 复杂 系统 的 整体 不 等 同 于 局 部 的 简单 
组 合 。” 复 杂 系 统 的 局 部 是 很 简单 且 易 于 理解 的 个 体 ， 但 它们 组 成 的 整体 会 表现 得 非 稼 复杂 、 智 
能 且 难 以 预测 。 复 杂 系 统 有 3 个 主要 原则 。 


口 个 体 之 间 存 在 小 范围 的 联系 。 一 下 以 来 我 们 都 在 遵循 这 个 原则 ， 小 车 对 环境 的 感知 能 
是 有 限 的 。 

口 个 体 的 动作 是 并 行 的 。 我 们 需要 用 代码 模拟 这 个 特性 。 在 Processing 的 每 一 轮 draw( ) 循 环 
中 ， 每 个 个 体 都 应 该 移动 (并行 地 绘制 它们 的 外 形 )。 

口 系统 在 整体 上 会 呈现 一 种 自发 现象 。 个 体 之 间 的 交互 会 出 现 复杂 行为 和 智能 模式 。 目 然 
界 的 复杂 系统 确实 会 呈现 特定 的 模式 〈 改 群 、 白 蚁 、 迁 移 、 地 震 、 雪 花 ， 等 等 )， 我 们 能 
否 用 Sketch 模拟 出 同样 的 效 末 ? 


以 下 3 个 附加 特性 有 助 于 我 们 更 好 地 讨论 复杂 系统 ， 我 们 可 以 按照 这 些 特性 完善 复杂 系统 的 
模拟 。 震 要 注意 的 是 ， 它 们 是 一 个 模糊 子 集 。 并 非 所 有 复杂 系统 都 具备 这 3 个 特性 。 


口 非 线 性 ”复杂 系统 的 这 个 特性 往往 称 为 “蝴蝶 效应 ”, “蝴蝶 效应 ”理论 是 由 数学 家 和 气 
象 学 家 Edward Norton Lornez 提 出 的 ， 他 是 混沌 理论 人 研究 方面 的 先驱 。1961 年 ，Lornez 重 
复 地 运行 一 段 天 气 模 拟 程序 ， 也 许 是 为 了 节省 时 间 ， 他 把 某 个 初始 值 0.306 127 输 成 了 
0.506， 得 到 的 结果 却 和 输入 0.506 127 时 应 该 得 到 的 结果 完全 不 同 。 换 句 话 说， 该 理论 认 
为 ， 一 只 蝴蝶 在 地 球 的 另 一 边 书 动 刻 膀 可 能 会 引起 大 规模 的 气候 转变 ， 从 而 破坏 周末 的 
沙滩 度假 。 我 们 称 这 种 特性 为 “ 非 线 性 ”， 因 为 初始 条 件 变 化 和 结果 变化 之 间 不 成 线性 关 
系 。 初 始 条 件 的 微小 变化 可 能 对 结果 产生 巨大 的 影响 。 非 线性 系统 是 混沌 系统 的 一 个 超 
集 。 在 下 一 章 ， 我 们 会 看 到 : 在 一 个 由 0 和 1 组 成 的 系统 中 ， 即 使 只 改变 其 中 的 一 个 比特 
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位 ， 结 果 也 会 完全 不 同 。 

竞争 和 合作 ”复杂 系统 的 元 素 之 间 往 往 同 时 存在 竞争 和 合作 关系 。 后 面 的 群集 系统 将 引 
入 3 个 规则 : 协调 、 一 致 和 分 离 。 协 调和 一 致使 个 体 相互 “合作 ”一 一 也 就 是 聚集 在 一 起 
并 共同 移动 ; 分 离 使 个 人 为 空间 展开 “竞争 "。 在 实现 群集 系统 时 ， 如 果 去 掉 竞 争 或 合作 
规则 ， 系 统 的 复杂 性 可 能 随 之 老 失 。 竞 争 和 合作 规则 存在 于 有 生命 的 复杂 系统 中 ， 不 存 
在 于 无 生命 的 复杂 系统 中 ， 比 如 气候 系统 。 

D 反馈 ”复杂 的 系统 通常 包括 一 个 反馈 回路 ， 系 统 的 输出 被 反馈 回 系统 ， 在 正方 向 或 反方 
向 上 影响 自身 行为 。 举 个 例子 ， 因 为 油价 比较 低 ， 所 以 你 每 天 开车 上 下 班 。 在 这 种 情况 
下 ， 每 个 人 都 会 开车 上 下 班 ， 导 致 汽油 供不应求 ， 油 价 因此 上 升 。 因 为 开车 上 下 班 的 成 
本 太 高 了 ， 于 是 大 家 决定 坐 地 铁 上 下 班 ， 汽 油 的 需求 变 少 ， 油 价 也 随 之 降低 。 油 价 同时 
是 系统 (决定 你 是 开车 还 是 坐 地 铁 ) 的 输入 和 输出 从 需求 中 得 到 的 结果 )。 需 要 特别 指 
出 的 是 ， 经 济 模式 ( 如 供应 /需求 ， 股 市 ) 就 是 人 类 复杂 系统 的 一 个 例子 。 其 他 例子 包括 
潮流 和 趋势 、 选 举 、 人 群 和 车 流 。 

复杂 性 将 是 本 书 剩余 部 分 的 一 大 主题 。 接 下 来 ,我 们 将 在 Vehicte 类 中 加 入 查看 周围 小 车 对 

象 的 能 力 。 


6.11 群体 行为 (不 要 磁 到 对 方 ) 


群体 并 不 是 一 个 新 的 概念 ， 我 们 曾经 接触 过 它 一 一 在 第 4 草 里 ， 我 们 开发 了 一 套 粒 子 系 统 框 
染 ， 其 中 的 ParticleSystem (粒子 系统 ) 类 专门 管理 粒子 的 集合 。 在 粒子 系统 类 中 ， 我们 用 
ArrayList 和 存放 粒子 的 列表 。 我 们 会 在 本 例 中 做 同样 的 事情 : 把 一 组 Vehicle 对 和 象 存放 到 
ArrayList 中 。 















































ArrayList<Vehicle> vehicles,; 声明 由 小 车 对 象 组 成 的 ArrayList 


void setup() { 
vehicles = new ArrayList<Vehicle>; 初始 化 ， 并 用 一 系列 小 车 对 象 填 充 ArrayList 
for (int i = 0; i < 100; i++) { 
vehicles.add(new Vehicle(random(width),random(height))); 


} 
} 


如 果 要 在 draw( ) 哨 数 中 处 理 所 有 小 车 对 象 , 只 需 过 历 这 个 ArrayList, 并 在 对 象 上 调用 相应 的 
Ds 
void draw(){ 
for (Vehicle v : vehicles) { 
v.update(); 
v.display(); 


} 
} 
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我 们 要 为 小 车 添加 一 种 行为 。 比 如 让 小 车 寻找 鼠标 所 在 的 目标 位 置 : 


Vv.Seek (mouseX, mouseY); 


但 这 只 是 个 体 的 行为 ,前面 我 们 一 直 在 人 研究 个 体 的 行为 ,现在 要 人 研究 群体 行为 。 让 我 们 从 分 
离 ( separate ) 行为 开始 。 分 离 行 为 等 同 于 以 下 命令 :“ 请 不 要 和 你 的 邻居 发 生 磁 撞 !” 


vV,.Separate () ; 

这 个 函数 还 有 些 问 题 ， 我 们 还 少 了 一 些 东 西 。 分 离 指 的 是 “从 其 他 个 体 上 分 开 ”， 其 他 个 体 
指 的 是 列表 中 的 其 他 小 车 。 

Vv.separate(vehicles); 

相 比 于 粒子 系统 ， 本 例 有 很 大 不 同 。 在 粒子 系统 中 , 个 体 (粒子 或 小 车 ) 单独 运作 ; 但 在 本 
例 中 ， 我 们 会 告诉 个 体 :“ 现 在 轮 到 你 操作 了 ， 你 需要 考虑 系统 中 的 每 个 个 体 ， 所 以 我 要 加 你 传 
入 一 个 ArrayList， 里 面 存放 了 所 有 其 他 个 体 。 


为 了 实现 群体 行为 ， 我 们 用 以 下 代码 实现 setup () 本 数 和 draw( ) 函数 。 


ArrayList<Vehicle> vehicles,; 














vold setup() { 
size(320,240); 
vehicles = new ArrayList<Vehicle>(); 
for (int i = 0; i < 100; i++) { 
vehicles.add(new Vehicle(random(width),random(height))); 


} 
} 
void draw() { 
background(255 ) ; 
for (Vehicle v : vehicles) { 
v.separate(vehicles); 这 是 本 节 加 入 的 新 东西 ， 小 车 在 计算 分 离 转 向 力 时 
需要 检查 其 他 所 有 对 象 
v.update(); 
v.display(); 
} 
} 





这 只 是 一 个 开头 ,真正 的 操作 在 separate() 哺 数 中 实现 。 我 们 先 思考 这 个 函数 的 实现 方式 。 
Reynolds 提 到 :“ 用 转 回 避免 拥堵 ， 也 就 是 说 ， 如 果 某 辆 小 车 和 你 的 距离 太 近 ， 你 应 该 转 回 以 远 
离 它 。 对 此 你 是 否 觉得 很 熟悉 ? “寻找 行为 ” 指 的 是 参 着 目标 转向 ， 将 “寻找 行为 ”的 转向 力 反 
转 ， 就 能 得 到 躲避 行为 的 转向 力 。 


但 如 末 同 时 有 多 辆 小 车 的 距离 都 很 近 , 这 时 候 该 怎么 做 ?在 这 种 情况 下 , 我 们 可 以 对 所 有 远 
离 小 车 的 疝 量 求 平 均值 ， 用 平均 向 量 计算 分 离 行 为 的 转向 力 。 
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人 所 需 速度 -3 个 加 
i 人 本 避 向 量 的 平均 什 
网 6-33 图 。6-34 


下 面 我 们 开始 实现 separate() 也 数 ， 它 的 参数 是 一 个 ArrayList 对 象 ， 里面 存放 了 所 有 小 车 
对 象 。 


void separate (ArrayList <Vehicle>vehicles) { 


} 
在 这 个 函数 中 ， 我 们 要 遍历 所 有 的 小 和 车， 检查 它 们 是 否 过 于 接近 。 
float desiredseparation = 20; 这 个 变量 指定 最 短 距离 


for (Vehicle other : vehicles) { 
float d = PVector,dist(Location，other,Location);， 当前 小 车 和 其 他 小 车 之 间 的 距离 


if ((d > 0) && (d < desiredseparation)) { 
如 果 小 车 的 距离 小 于 20 像 素 ， 这 里 的 代码 就 会 执行 


注意 : 在 上 面 的 代码 中 ， 我 们 不 只 检查 距离 是 否 小 于 desiredseparation (过 于 接近 ! )， 
还 要 检查 距离 是 否 大 于 9。 这 人 么 做 是 为 了 确保 小 车 不 会 草图 和 目 呈 分离 。 所 有 小 车 对 象 都 在 
ArrayList 中 ， 一 不 小 心 你 就 会 让 一 辆 小 车 与 自身 发 生 比 较 。 


一 旦 发 现 和 某 辆 小 车 过 于 接近 ， 我 们 就 应 该 记录 远离 这 辆 小 车 的 问 量 。 


if ((d > 0) && (d < desiredseparation)) { 


PVector diff = PVector,.sub(location, other.location); 
一 个 指向 远离 其 他 小 车 方向 的 向 量 











diff.normalize(); 


} 


有 了 这 个 diff 向 量 还 不 够 ， 0 斤 的 小 和 车 计算 diff 回 量 ， 再 计算 它们 的 平 
均 问 量 。 将 所 有 回 量 加 在 一 起 ， 再 除 以 总 数 ， 就 可 以 得 到 平均 回 量 ! 


PVector sum = new PVector(); 从 一 个 空 向 量 开 始 


int count = 0; 
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for (Vehicle other : vehicles) { 我 们 还 要 记录 有 多 少 辆 小 车 的 距离 过 近 


float d = PVector.dist(location, other.location); 
if ((d > 0) && (d < desiredseparation)) { 

PVector diff = PVector.sub(location, other.Tlocation); 
diff.normalize(); 


sum.add (diff); 将 所 有 向 量 加 在 一 起 ， 并 递增 计数 器 
COUNt++; 
} 
} 
If (count > 0) { 必须 确保 至 少 找到 一 辆 距离 过 近 的 小 车 ， 然 后 才 执 
行 除法 操作 (避免 除 堆 的 情况 ! ) 
sum.div(count) ; 
} 





有 了 平均 回 量 (sum 回 量 ) 之 后 ， 我 们 将 它 延 伸 至 最 大 速 认 ,就 可 以 得 到 所 需 速 度 一 一 布 望 
小 车 以 最 大 速 座 朝 看 这 个 方向 运动 ! 一 旦 有 了 所 需 速度 ， 我 们 就 可 以 根据 Reynolds 的 公式 计算 转 
回力 : 转 回 力 = 所 需 速度 - 当前 速度 。 


if (count > 0) 1{ 
sum.div(count); 











sum. setMag (maxspeed); 延伸 至 最 大 速率 (使 其 成 为 所 需 速度 ) 


PVector steer = PVector.sub(sum,vel); Reynolds 的 转向 力 公式 


steer. Limit (maxforce): 


applyForce (steer); 将 力 转 化 为 小 车 的 加 速度 
} 
下 面 是 这 个 函数 的 全 部 实现 ， 其 中 加 入 了 额外 的 两 点 改进 ， 见 代码 注释 。 


人 _6 07_Separation 
: (2 的 Oy 





示例 代码 6-7 群集 行为 : 分 离 


void separate (ArrayList<Vehicle> vehicles) { 
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float desiredseparation = r*2; 分 离 的 距离 取决 于 小 车 的 尺寸 


PVector sum = new PVector(); 

int count = 0， 

for (Vehicle other : vehicles) { 
float d = PVector.dist(location, other.location); 
if((d>0 && (d<desired separation)) { 
pVector diff = PVector.sub (location,other.location); 


diff.normalize(); 


diff.div(d); 计算 小 车 和 其 他 小 车 之 间 的 距离 : 距离 越 近 ， 分 离 
的 幅度 越 大 ; 距离 越 远 ， 分 离 的 幅度 越 小 。 因 此 我 
们 将 向 量 除 以 距离 


Sum,add(diff) ， 
COUNt++，; 


} 
} 
if (count > 0) { 
sum,div(count) ; 
sum.normalize(); 
sum.mult (maxspeed); 
PVector steer = PVector.sub(sum, vel); 


steer. limit(maxforce); 
applyForce(steer); 


练习 6.12 


青 重 写 separate() 函 数 ， 让 它 有 相反 的 效果 ( “聚集 ”)。 如 果 小 车 之 间 的 距离 超过 某 个 值 ， 
施加 一 个 转向 力 让 它们 相互 靠近 。 这 样 一 来 ， 系 统 内 的 小 车 就 会 相互 靠拢 (后 面 ， 我 们 会 
在 一 个 系统 中 同时 加 入 “聚集 ”和 “分 离 ” 的 行为 。) 


练习 6.13 


请 在 路 径 跟随 中 加 入 “分 离 ” 行 为， 模拟 Reynolds 的 “群体 路 径 跟踪 ”行为 。 


Non Ex_ 6 13_CrowdPathFollowing 
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6.12 ”结合 


前 面 两 个 练习 题 暗 示 了 本 章 的 一 大 目的 : 我 们 希望 系统 中 不 只 有 一 种 转向 力 。 只 通过 一 种 行 
为 规则 无 法 模拟 出 复杂 系统 的 目 发 行为 。 本章 最 有 趣 的 行为 就 来 目 各 种 转向 力 的 混合 和 匹配 , 我 
们 要 开发 一 种 实现 这 种 行为 的 机 制 。 

你 可 能 会 想 :“ 这 不 是 什么 新 玩意 儿 ， 我 们 一 二 都 在 做 类 似 的 事 ! ”你 是 对 的 ， 我 们 曾 在 第 2 
草 做 过 这 样 的 事 。 

PVector wind = new PVector(0.001,0) 

PVector gravity = new PVector(0,0.1); 


mover.appLyForce(wind ) ; 
mover.applyForce(gravity); 


在 以 上 代码 中 ，mover 对 象 同时 受 两 个 力 的 作用 。 该 程序 能 正常 工作 ， 因 为 Mover 类 文 持 力 
的 累加 。 然 而 在 本 曹 中 ， 力 源 目 对 象 (小 车 ) 目 呈 的 意愿 ， 我 们 希望 这 些 意 愿 也 可 以 累加 。 让 我 
们 从 以 下 场景 开始 ， 假 设 系 统 中 的 小 车 有 两 个 意愿 .: 

口 寻找 鼠标 所 在 的 位 置 ; 

口 和 距离 过 近 的 其 他 小 车 分 离 。 

对 此 , 我 们 可 能 会 在 Vehicle 类 中 加 入 一 个 applyBehaviors() 孔 数 ， 用 于 管理 小 车 的 所 有 行为 。 


void applyBehaviors(ArrayList<Vehicle> vehicles) { 
separate(vehicles); 
seek(new PVector (mouseX,mouseY)); 




















} 


appLyBehavior() 上 为数 调用 了 separate() 困 数 和 seek() 羡 数 ， 这 两 个 图 数 分 别 对 小 车 施加 
不 同 的 转 回 力 。 我 们 想 调 整 这 两 种 转 回力 的 强度 ， 但 现在 的 实现 无 法 做 到 这 一 点 。separate () 
驮 数 和 seek() 函数 最 好 能 返回 转向 力 向 量 ， 如 此 一 来 ， 我 们 就 可 以 调整 转向 力 强度 ， 最 后 用 调 
整 后 的 转 回力 影响 小 车 的 加 速度 。 

void applyBehaviors(ArrayList<Vehicle> vehicles) { 


PVector separate = separate(vehicles); 
PVector seek = seek(new PVector(mouseX,mouseY)):; 


appLyForce(Sseparate) ; 我 们 必须 在 这 里 施加 转向 力 ， 因 为 Seek ( ) 函数 和 
separate() 涵 数 不 再 做 这 件 事 





applyForce (seek); 
} 


看 看 seek ( ) 困 数 的 变化 : 


PVector seek(PVector target) { 
PVector desired = PVector.sub(target, loc); 
desired.normalize(); 
desired.mult(maxspeed); 
PVector steer = PVector.sub(desired,vel); 
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steer,. limit(maxforce): 


apptyForce(steer); 不 再 施加 转向 力 ， 而 是 返回 转向 力 向 量 


return steer; 


} 
这 是 一 个 细微 的 变化 ， 但 对 我 们 来 次 非常 重要 : 它 使 我 们 能 集中 改变 多 种 转 疝 力 的 强度 。 


_6 08 separationAndseek 
@@@@@s 
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示例 代码 6-8 ” 转 回 行为 结合 : 寻找 和 分 离 


void applyBehaviors(ArrayList<Vehicle> vehicles) { 
PVector separate = separate(vehicles); 
PVector seek = seek(new PVector(mouseX,mouseY)); 


separate.mult(1.5); 这 些 值 可 以 随意 确定 | 每 辆 小 车 对 这 些 值 的 配置 可 
以 不 同 ， 还 可 以 随时 间 发 生变 化 
seek.mult(0.5); 


applyForce (separate); 
applyForce (seek); 





练习 6.14 
请 重 写 示例 代码 6-8， 让 两 种 转向 行为 的 权重 不 再 是 常量 。 如 果 让 权重 随时 间 不 断 变 化 ( 根 


握 正 弦 波 或 者 Perlin 噪声 确定 权重 大 小 ), 会 有 怎样 的 效果 ? 如 果 某 些小 车 倾向 于 寻找 行为 ， 
而 另 一 些小 车 倾向 于 分 离 行 为 ， 会 有 怎样 的 效果 ? 你 能 否 再 引入 另 一 种 转向 行为 ? 





6.13 “群集 


群集 是 动物 的 群体 性 行为 , 许多 生物 都 有 这 种 特性 ， 比 如 马 类 、 鱼 类 和 昆虫 。1986 年 ，Craig 
Reynolds 用 计算 机 模拟 了 和 群集 行为 ， 并 将 算法 写 在 目 己 的 论文 中 ， 这 篇 论文 的 题目 是 “Flocks， 
Herds and Schools: A Distributed Behavioral Model”。 群 集 行为 的 模拟 结合 了 本 草 的 所 有 松 念 。 


(1) 我 们 会 用 转向 力 计算 公式 ( 转向 力 = 所 需 速 度 - 当前 速度 ) 实现 群集 的 规则 。 
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(2) 这 些 转向 力 将 由 群体 行为 产生 ， 小 车 要 根据 所 有 其 他 小 车 的 状态 计算 转向 力 。 

(3) 我 们 需要 结合 多 个 转向 力 ， 并 对 它们 进行 加 权 。 

(4) 模拟 结果 是 一 个 复杂 系统 一 一 智能 的 群体 行为 将 从 简单 的 群集 规则 中 产生 ， 系 统 中 没有 

控制 中 心 和 领导 者 。 

有 一 个 好 消息 : 我 们 已 经 完成 了 前 3 点 ， 所 以 本 节 的 重心 在 于 把 它们 结合 在 一 起 ， 观 察 最 后 
的 运行 结果 。 

在 开始 之 前 ， 需 要 特别 指出 : 我 们 要 改变 Vehicle 类 的 类 名 。Reynolds 当 时 使 用 “boid” 描 
述 群 集 系统 中 的 元 素 ( “boid” 是 编造 出 来 的 单词 ， 指 代 类 似 乌 类 的 对 象 )， 我 们 打算 把 这 个 单词 
用 作 类 和 名。 

群集 有 3 个 规则 。 

(1) 分 离 ( 又 叫 “ 舱 避 ”) “避免 与 邻居 发 生 碰 撞 。 

(2) 对 齐 ( 又 叫 “ 复 制 ”) 转 回 力 的 方向 和 邻居 保持 一 致 。 

(3) 聚集 (又 叫 “ 集 中 ”) ”和 朝 着 邻居 的 中 心 转向 ( 留 在 群体 内 )。 





























A \ 
A 外 八 所 需 速度 
<— < < \ wy 所 需 速 度 


分 离 对 齐 聚集 
网 6-35 
正如 分 离 和 寻找 的 示例 程序 , 我 们 希望 Boid 对 象 也 有 一 个 函数 管理 所 有 上 述 行为 , 我 们 把 这 
个 函数 称 为 fLock() 函数 。 


void flock(ArrayList<Boid> boids) { 
PVector sep = separate(boids); 3 种 群集 规则 
PVector ali = align(boids); 
PVector coh = cohesion(boids); 


sep.mult(1.5); 3 种 转向 力 的 权重 (尝试 使 用 不 同 的 值 | ) 
ali.mult(1.0); 
coh.mult(1.0); 


~ 
- 


applyForce (sep); 施加 转向 力 
applyForce(ali); 
appLyForce(coh ) ; 
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下 面 要 做 的 就 是 实现 这 3 个 规则 。 前 面 我 们 已 经 实现 过 分 离 规 则 。 下 面 让 我 们 看 看 对 齐 ， 也 
就 是 转 癌 力 的 方向 和 邻居 保持 一 致 。 对 于 所 有 转 回 行为 ， 我 们 和 希望 把 它 的 规则 归结 为 一 个 目的 : 
Boid 对 象 的 预期 速度 等 于 邻居 速度 的 平均 值 。 

因此 ,我 们 需要 计算 其 他 Boid 对 象 的 平均 速度 ， 这 个 平均 速度 就 是 该 Boid 对 象 的 所 需 速度 。 


PVector alLign (ArrayList<Boid> boids) { 


PVector sum = new PVector(0,0); 将 所 有 速度 相 加 ， 再 除 以 总 数 ， 计 算 平均 速度 
for (Boid other : boids) { 
sum.add(other.velocity); 





} 


sum.div(boids.size()); 
sum.setMag (maxspeed); 改变 速度 的 大 小 ， 将 其 设 为 最 大 速率 


PVector steer = PVector.sub(sum,velocity); Reynolds 的 转向 力 公 式 


steer. limit(maxforce): 
return steer:; 


} 


上 面 的 代码 还 遗 源 了 一 个 关键 细 市 : 复杂 系统 有 一 个 重要 原则 , 就 是 元 系 ( 本 例 的 Boid 对 和 象 ) 
之 间 具 有 短程 关系 。 想象 有 一 群 蚂蚁 , 一 只 蚂蚁 能 很 容易 地 感知 它 周 围 的 环境 , 但 却 无 法 感知 儿 百 
英尺 外 的 其 他 蚂蚁 。 昭 蚁 只 能 根据 邻居 关系 执行 集体 性 行为 ， 这 也 是 它们 能 保持 兴奋 的 首要 原因 。 

在 上 面 的 align() 兄 数 中 ,我 们 计算 了 所 有 Boid 对 象 的 平均 速度 ,但 正确 的 实现 方式 应 该 是 : 
计算 一 定 距 离 内 的 Boid 对 象 的 平均 速度 。 你 可 以 随意 选择 距离 的 国 值 ， 可 以 让 Boid 对 象 只 能 
到 20 像 了 率 之 内 的 邻居 ， 也 可 以 让 它 看 到 几 百 像素 内 的 邻居 。 























: 
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在 前 面 分 离 行为 的 实现 过 程 中 , 我 们 只 计算 了 一 定 范围 内 的 作用 力 , 对 齐 行为 ( 和 聚集 行为 ) 
应 该 使 用 同样 的 计算 方式 。 
PVector align (ArrayList<Boid> boids) { 
float neighbordist = 50; 这 是 一 个 任意 值 ， 每 个 Boid 对 象 都 可 以 不 同 





PVector sum = new PVector(0,0) ; 
int count = 0; 
for (Boid other : boids) { 
float d = PVector.dist(location,other.location); 
if ((d > 0) SR (d < neighbordist)) { 
sum.add (other.velocity); 


count++; 为 了 计算 平均 值 ， 我们 必须 记录 一 定 距 离 内 的 Boid 
对 象 的 数量 


} 


if (count > 0) { 
sum.div(count); 
sum.normalize(); 
sum.mult (maxspeed); 
PVector steer = PVector.sub(sum,velocity); 
steer. limit(maxforce); 
return steer; 


sss 如 果 无 法 找到 任何 接近 的 Boid 对 象 ， 转 向 力 就 等 


于 0 
return new PVector(0,0); 


练习 6.15 


请 改写 以 上 代码 ， 让 Boid 对 象 只 能 看 到 一 定 视野 范围 内 的 其 他 Boid 对 象 。 





下 面 开 始 实现 聚集 行为 。 聚 集 行 为 的 实现 和 对 齐 类 似 ， 唯 一 的 区 别 在 于 : 在 聚集 行为 中 , 我 
们 要 计算 邻居 Boid 对 象 的 位 置 的 平均 值 ( 作为 寻找 行为 的 目标 位 置 )， 而 不 是 速度 的 平均 值 。 
PVector cohesion (ArrayList<Boid> boids) { 


float neighbordist = 50; 
PVector sum = new PVector(0 ,0) ; 
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int count = 0; 

for (Boid other : boids) { 
float d = PVector.dist(location,other.Tlocation); 
if ((d > 0) Sa (d < neighbordist)) { 


sum.add(other. Location); 将 其 他 所 有 Boid 对 象 的 位 置 相 加 


COUNt++; 


} 
} 
if (count > 0) { 
sum.div(count); 
return seek(sum); 使 用 示例 代码 6-8 中 实现 的 Seek() 函数 。 寻 找 的 目 
标 就 是 邻居 的 平均 位 置 
} else { 
return new PVector(0,0); 


} 
} 


除 此 之 外 ， 我 们 还 要 实现 FlLock 类 ， 它 和 第 4 章 的 ParticleSystem 一 样 ， 除 了 一 个 细微 的 区 
别 : 在 调用 每 个 Boid 对 和 象 的 run() 国 数 时 ， 我 们 必须 传人 boids 对 象 的 ArrayList 引 用 。 


class Flock { 
ArrayList<Boid> boids; 


Flock() { 
boids = new ArrayList<Boid>(); 


} 


void run() { 
for (Boid b : boids) { 


b.run(boids); 每 个 Boid 对 象 都 必须 检查 其 他 所 有 Boid 对 象 6 


} 


void addBoid(Boid b) { 
boids.add(b); 
} 
} 


主 程序 的 实现 如 下 : 


6 _ 09 Flocking 
2 \ \» 


Db 
bh VY ww 





SA 


SS 


， 
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示例 代码 6-9 ”群集 


Flock flock; FLock 对 象 管理 着 整个 群集 


void setup() { 
size(300,200); 
flock = new Flock(); 
for (int i = 0; i < 100; i++) { 
Boid b = new Boid(width/2,height/2); 


flock.addBoid(b); FLock 中 有 100 个 Boid 对 象 
} 
} 
void draw() { 
background(255 ) ; 
flock.run(); 
} 


请 把 群集 行为 和 其 他 转向 行为 结合 在 一 起 。 


练习 6.16 


练习 6.17 


在 Gary Flake 编写 的 The Computational Beauty of Nature( MIT Press，2000 ) 一 书 中 ， 他 描述 


了 和 群集 行为 的 第 4 个 规则 视线 : 离开 挡住 视线 的 Boid 对 和 象 。 你 能 否 


实现 这 一 规则 ? 
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练习 6.18 
让 群集 模拟 的 各 种 参数 ( 分离 权重 、 聚 集权 重 、 对 齐 权 重 、 最 大 转向 力 、 最 大 预期 速度 ) 随 
时 间 发 生 交 化 ， 你 可 以 根据 Perlin 骂 声 算法 或 用 户 的 交互 控制 参数 。( 比如 ， 你 可 以 使 用 
controlp5 库 的 滑动 控件 控制 参数 ; controlp5 参见 http://www.sojamo.de/libraries/controlP5/。 ) 


请 用 一 种 完全 不 同 的 方式 显示 群集 。 





6.14 ”算法 效率 为 什么 程序 跑 得 这 么 慢 ) 


为 了 让 你 的 生活 过 得 快乐 而 有 意义 ,我 本 来 想 掩盖 这 个 阴暗 的 事实 , 但 我 不 希望 因为 为 你 担 
心 而 夜里 失眠 。 所 以 我 一 定 要 怀 着 沉重 的 心情 说 出 这 个 事实 : 群集 行为 看 起 来 很 不 可 思议 , 但 它 
的 运行 速度 会 非常 慢 ， 和 群集 中 的 元 系 越 多 ， 程 序 运 行 得 越 慢 。 一 般 情 况 下 ，Sketch 运 行 缓慢 的 原 
因 来 自 图 形 绘制 一 要 绘制 的 图 形 越 多 ，Sketch 运 行 得 越 慢 。 但 程序 运行 缓慢 的 原因 也 可 能 来 自 
算法 本 身 ， 我 们 接 下 来 就 探讨 这 个 话题 。 

计算 机 科学 家 通 背 用 “大 0 表示 法 ”来 描述 一 个 算法 的 效率 : 完成 计算 需要 花费 多 少 个 运行 
周期 ? 考虑 一 个 简单 的 搜索 问题 。 一 个 篮子 装 了 100 颗 巧克力 ， 其 中 只 有 1 颗 黑 巧克力 。 为 了 找到 
它 ， 你 将 巧克力 从 篮子 中 逐一 取出 。 在 最 理想 的 情况 下 ， 你 只 需要 一 次 尝试 就 可 以 找到 这 颗 黑 巧 
克 力 , 但 在 最 坏 的 情况 下 , 你 必须 取出 所 有 巧克力 才能 找到 它 。 为 了 从 100 个 元 系 中 找到 1 个 元 系 ， 
你 必须 检查 100 次 〈 也 就 是 说 ， 为 了 在 N 个 元 素 中 找到 1 个 元 素 ， 你 必须 检查 N 次 )， 这 时 候 就 可 以 
用 O(M) 表 示 这 个 算法 的 复杂 度 。 这 就 是 所 谓 的 “大 0 表示 法 ”， 它 描述 了 粒子 系统 算法 的 复杂 度 : 
如 果 系 统 中 有 个 粒子 ， 我 们 必须 执行 N 次 绘制 和 运行 操作 。 

假设 有 这 样 的 群体 行为 (类似 群 集 ): 如 果 要 计算 某 个 Boid 对 象 的 转向 力 ， 我 们 必须 检查 系 
统 中 的 所 有 其 他 Boid 对 象 〈 检 查 速 度 和 位 置 )。 如 果 系 统 中 有 100 个 Boid 对 象 ， 为 了 计算 第 一 个 
Boid 对 象 的 转 癌 力 ， 我 们 需要 检查 100 个 Boid 对 象 ; 计算 第 二 个 ， 第 三 个 等 都 是 如 此 。 这 100 个 
Boid 对 象 总 共 要 执行 100 x 100 次 检查 。 尽 管 计 算 机 的 运行 速度 很 快 ， 快 到 能 轻 兄 地 执行 10 000 
次 运算 。 但 如 果 系 统 中 的 对 象 数 目 增 加 到 1000 个 ， 我 们 就 要 执行 : 


1000 x 1000 = 1 000 000 次 运算 
现在 ， 程 序 会 变 慢 ,但 可 能 还 在 掌控 之 中 。 将 增加 元 素数 量 到 10 000 个 : 
10 000 x 10 000 = 100 000 000 次 运算 
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到 这 个 地 步 ， 程 序 肯定 已 经 慢 得 不 行 了 。 

有 没有 注意 到 其 中 的 规律 ? 如 果 元 素数 量 增长 的 倍数 是 10， 运 算 次 数 的 增长 倍数 就 是 100。 
也 就 是 说 ， 如 果 元 素数 量 增长 的 倍数 是 N， 运 算 次 数 增长 的 倍数 就 是 N 的 平方 。 我 们 用 O(N ) 表 示 
这 个 算法 的 复杂 度 。 

你 可 能 会 想 :“ 没 问题 ， 在 群集 模型 中 ， 我 们 只 需要 考虑 邻近 的 Boids 对 象 。 举 个 例子 ， 就 
算 有 1000 个 Boid 对 象 ， 我 们 可 能 只 需要 计算 附近 的 $ 个 Boids 对 象 ， 也 就 是 执行 5000 次 运算 。” 但 
我 要 提醒 你 :“ 对 某 个 Boid 对 象 ， 我 们 还 是 需要 检查 所 有 其 他 Boid 对 象 ， 从 中 找 出 距离 最 近 的 5 
个 元 素 。 总结 为 一 点 : 尽管 只 需 考 虑 距离 最 近 的 元 素 ， 但 为 了 找到 这 些 元 素 ， 我 们 还 是 要 检查 
所 有 元 素 。 

有 没有 其 他 优化 方法 ? 

让 我 们 选择 一 个 合理 的 数字 ， 这 个 数字 可 能 是 群集 中 的 对 象 数 量 ， 还 会 使 程序 变 慢 ,假设 这 
个 数字 是 : 2000 ( 总 共 需 要 4 000 000 次 运算 )。 

如 果 我 们 把 屏幕 划分 成 一 个 个 网 格 , 把 这 2000 个 Boid 对 象 分 配 到 这 些 网 格 中 。 对 于 每 个 Boid 
对 象 ， 只 需 检 查 同 一 单元 格 内 的 其 他 元 素 。 假设 有 一 个 10 x 10 的 网 格 ， 每 个 单元 格 平均 有 20 个 元 
素 (20 x 10 x 10 =2000 )。 每 个 单元 格 的 运算 此 时 是 20 x 20 = 400 次 。 总 共有 100 个 单元 格 ， 因 此 
我 们 需要 执行 100 x 400 = 40 000 次 运算 ， 和 原先 的 4 000 000 次 比 起 来 确实 少 了 很 多 。 





























44bh41444 A Ala4 4 4 
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这 种 技术 称 为 “网 格 空间 分 割 ”( bin-lattice spatial subdivision )，Reynolds 在 2000 年 发 表 的 
“Interaction with Groups of Autonomous Characters” ( http://www.red3d.com/cwr/papers/2000/pip.pdf ) 
中 对 其 有 详细 介绍 。 如 何 用 Processing 实 现 这 种 算法 ? 这 可 以 用 多 个 ArrayList 实 现 ， 其 中 一 个 
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ArrayList 用 于 保存 所 有 的 Boid 对 象 ， 就 像 群集 示例 中 做 的 。 


ArrayList<Boid> boids; 


除了 这 个 ArrayList, 我 们 还 在 另 一 个 二 维 ArrayList 中 存放 了 每 个 Boid 对 象 引 用 。 对 网 格 
中 的 每 个 单元 格 ， 都 有 一 个 对 应 的 ArrayList 用 于 保存 此 单元 格 内 的 元 素 。 


ArrayList<Boid>[][] grid; 


在 draw( ) 图 数 中 ， 每 个 Boid 元 系 都 需要 根据 位 置 将 目 己 放 和 人 合适 的 单元 格 内 。 

int column = int(boid.x) / resolution; 

int row = int(boid.y) /resolution; 

grid[column] [row].add(boid); 

当 Boid 对 象 检查 邻居 元 素 时 , 只 需 检查 某 个 单元 格 内 的 元 素 ( 实际 上 , 为 了 处 理 好 边界 情况 ， 
我 们 还 应 该 检查 邻近 的 单元 格 )。 














示例 代码 6-10 ”网 格 空间 分 割 


int column = int(boid.x) / resolution; 


int row = int(boid.y) /resolution; 
boid.flock(boids); 
boid.flock(grid[column] [row]); 只 检查 单元 格 内 的 Boid 对 象 ， 而 不 用 检查 所 有 


Boild 对 和 象 


在 这 里 ， 我 们 只 给 出 了 基本 的 代码 。 你 可 以 在 本 书 的 网 站 上 找到 完整 的 代码 。 


现在 , 系统 肯定 存在 一 定 的 缺陷 。 如 果 Boid 对 象 都 聚集 在 网 格 的 角落 里 或 者 集中 在 一 个 单元 
格 里 ， 我 们 该 如 何 应 对 ? 是 否 需要 检查 所 有 元 素 (2000 x 2000 ) ? 


我 要 告诉 你 一 个 好 消 恩 ， 这 类 需求 非 第 普遍 ， 有 很 多 现成 的 技术 可 用 于 解决 此 类 问题 。 但 对 
我 们 来 说 ,上述 方法 已 经 够 用 了 。 如 果 你 要 用 到 更 复杂 的 技术 , 请 查看 toxiclibs 的 Octree 示 例 程序 
( http://toxiclibs.org/2010/02/new-package-simutils/ )。 


6.15 ”最 后 的 几 个 注意 事项 : 优化 技巧 


本 章 的 结束 标志 者 运动 模拟 部 分 的 终结 (仅仅 就 本 书 而 言 ) 回顾 前 面 6 章 ,， 我 们 从 癌 量 的 概 
念 开 始 ， 然后 转 到 力 的 模拟 , 构建 由 多 个 元 系 构 成 的 系统 ,学 习 物 理 函数 库 的 使 用 , 创建 带 有 主 
体 音 愿 的 实体 ， 最 后 模拟 了 复杂 系统 的 自发 现象 。 故 事 到 此 并 没有 结束 ,但 我 们 需要 转移 方向 。 
接 下 来 的 两 草 我 们 不 再 关注 物体 的 运动 ,而 将 注意 力 集中 在 基于 规则 的 系统 上 。 在 此 之 前 ,对 于 
前 6 革 的 示例 程序 ， 我 还 要 说 明 几 个 重要 的 注意 事项 。 这 些 注意 事项 涉及 代码 优化 ， 和 前 一 方 的 
内 容 也 有 所 关联 。 
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6.15.1 长 度 的 平方 (或 距离 的 平方 ) 
什么 是 长 度 的 平方 ? 你 在 什么 时 候 需 要 使 用 它 ” 回顾 向 量 长 度 的 计算 过 程 。 


float mag() { 
return sqrt(x*x + y*y); 


} 

计算 回 量 长 度 必 须 用 到 平方 根 运 算 ， 因 为 癌 量 的 求解 需要 用 到 勾 股 定理 〈 正 如 我 们 在 第 1 章 
里 做 的 ) 但 是 ， 如 采 你 能 以 某 种 方式 避 开 平方 根 运 算 ， 代 码 将 运行 得 更 快 。 考 愿 以 下 情况 ， 你 
只 想 知 道 一 个 回 量 的 相对 大 小 。 例 如 , 你 想 知 站 这 个 回 量 的 长 度 是 否 大 于 10( 以 PVector v 为 例 ): 








If (v.mag() > 10) { 
// 具体 操作 | 
} 


可 以 等 价 地 写成 : 


if (v.magSq() > 100) { 
// 具体 操作 | 


magSq( ) 图 数 计 算 的 是 长 度 的 平方 ， 实 现 如 下 : 


float mag9q() { 
return x*x + y*y; 


} 

两 种 方式 的 效果 一 样 ,但 是 后 者 没有 平方 根 计 算 。 如 果 运 算 只 涉及 一 个 回 量 ， 这 两 种 方法 不 
会 有 很 大 的 区 别 ; 如 果 你 在 draw( ) 函数 中 要 执行 几 干 次 这 样 的 运算 , 请 用 magSq ( ) 困 数 代替 mag ( ) 
肖 数 , 它 会 使 程序 性 能 得 到 提升 。( 注意 : magSq() 困 数 只 存在 Processing 2.0a1 及 更 高 的 版 本 中 。) 











6.15.2 ” 正 纺 余弦 查询 表 


耗 时 的 运算 有 一 种 固定 模式 。 平 方 根 、 正 弦 、 人 余弦、 正切 运算 都 比较 耗 时 。 如 果 你 只 是 求解 
一 个 正弦 或 余弦 值 ， 并 不 会 出 现 性 能 问题 ， 但 如 末 你 箭 到 这 样 的 运算 : 








void draw() { 
for (int i = 0; i < 10000; i++) { 
printLn(Sin(PI) ) ; 
} 
} 


萤 无 疑问 ， 这 段 代码 存在 严重 的 性 能 问题 ， 你 永远 不 该 写 这 样 的 代码 。 但 它 说 明了 一 个 关键 
问题 : 如 宁 你 想 计 算 一 万 次 rr 的 正弦 值 ， 为 什么 不 只 计算 一 次 ， 然 后 保存 计算 结果 ， 后 面 就 百 接 
使 用 这 个 结果 ?” 这 就 是 正弦 余弦 查询 表 的 原理 。 如 果 你 要 计算 大 量 正弦 或 余弦 值 , 可 以 创建 一 个 
数组 保存 0 到 2x( TW0_PI ) 之 间 各 角度 的 正弦 或 余弦 值 ， 下 次 计算 时 只 需要 从 这 个 数组 中 查询 对 
应 的 结果 接口 。 举 个 例子 ， 下 面 两 个 数组 保存 了 0 到 359 度 之 间 各 角度 的 正弦 和 余弦 值 。 
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float sinvalues[] = new float[360]; 

float cosvalues[] = new float[360]; 

for (int i = 0; i < 360; i++) { 
sinvalues[il] sin(radians(i)); 
cosvalues[il cos (radians (i)); 


} 
如 有 我 们 想 获 取 r 的 正弦 值 ， 可 以 这 么 做 : 


int angle = int(degrees(PI) ) ; 
float answer = sinvalues[anglel]; 


关于 正弦 余弦 查询 表 , Processing wiki 网 站 上 有 更 复杂 的 例子 ( http://wiki.processing.org/w/Sin/ 
Cos look-up table )。 


6.15.3 ”创建 不 必要 的 PVector 对 象 


我 不 得 不 承认 ,最 后 一 个 问题 很 可 能 出 目 我 时 上 。 为 了 让 示例 代码 更 清晰 易 虱 ,我 可 能 会 创 
建 一 些 不 必要 的 PVector 对 象 。 在 大 部 分 情况 中 ， 这 不 会 引入 任何 问题 , 但 有 时 候 ， 它 确实 有 问 
题 ， 让 我 们 看 看 下 面 的 例子 : 


void draw() { 
for (Vehicle v : vehicles) { 
PVector mouse = new PVector(mouseX,mouseY); 
Vv.Sseek (mouse); 


} 


假设 ArrayList 中 有 1000 个 Vehicle 对 象 , 这 样 一 来 , 我 们 就 在 draw( ) 函数 中 创建 了 1000 个 
新 的 PVector 对 象 。 在 任何 老式 笔记 本 或 台式 电脑 上 运行 这 个 程序 ，Sketch 并 不 会 变 慢 ， 也 不 会 
有 任何 问题 。 毕 竟 ， 这 类 电脑 有 很 大 的 内 存 ，Java 也 会 正确 地 处 理 和 释放 这 1000 个 临时 对 象 ， 不 
会 市 来 任何 性 能 问题 。 

如 有 果 ArrayList 中 的 Vehicle 对 象 数目 变 得 很 大 (很 容易 就 会 这 样 )， 或 者 在 Android 机 硕 上 
运行 Processing 程 序 , 你 肯定 会 磁 到 问题 ,在 这 种 情况 下 , 你 必须 减少 新 创建 的 PVector 对 象 数量 ， 
对 此 ， 可 以 把 上 面 的 代码 改 成 : 


void draw() { 
PVector mouse = new PVector(mouseX,mouseY); 
for (Vehicle v : vehicles) { 
VvV. seek (mouse); 








} 
} 


现在 ， 你 只 创建 了 一 个 PVector 对 象 ， 还 有 一 种 更 好 的 优化 方式 : 引入 一 个 全 局 变量 ， 存 
放 x 和 y 值 : 


PVector mouse = new PVector(): 
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void draw() { 
mousSe.x = mouseX; 
mouse.y = mouseyY ; 
for (Vehicle v : vehicles) { 
Vv. Seek (mouse); 
} 
} 


现在 ， 再 也 不 会 有 新 的 PVector 对 象 被 创建 了 ， 在 整个 Sketch 中 ,你 只 有 一 个 PVector 对 象 。 
在 本 书 的 例子 中 ， 你 可 以 找到 很 多 可 以 被 替换 的 临时 对 象 。 再 看 一 例 ， 下 面 是 seek( ) 也 数 的 
实现 : 


PVector desired = PVector.sub(target, Location); 
desired.normalize(); 
desired.mult (maxspeed); 





PVector steer = PVector.sub(desired, velocity); 创建 新 的 PVector 对 象 ， 保 存 转 向 力 


steer,Limit(maxforce ) ; 
return Steer; 


我 们 在 这 里 创建 了 两 个 PVector 对 象 : 先 求解 预期 速度 回 量 ， 再 计算 转向 力 回 量 。 我 们 可 以 
重 写 这 段 代 码 ， 让 它 只 创建 一 个 PVector 对 象 。 


PVector desired = PVector.sub(target, location); 
desired.normalize(); 
desired.mult (maxspeed); 


desired.sub(velocity); 求解 预期 向 量 的 转向 力 


desired.limit(maxforce); 
return desired; 


steer 变 量 在 这 里 是 多 余 的 , 我 们 让 desired 变 量 减 去 vetocity 变 量 , 把 它 变 成 转 癌 力 问 量 。 
示例 程序 中 并 没有 这 么 做 , 因为 我 想 让 代码 更 易 读 懂 ; 但 在 某 些 情况 下 , 这 么 做 能 提高 程序 性 能 。 





练习 6.20 


请 在 群集 示例 中 去 除 尽 可 能 多 的 临时 向 量 对 象 ， 并 尽 可 能 多 地 使 用 magSq() 函数 。 


练习 6.21 


请 在 Box2D 或 toxiclibs 库 中 使 用 转向 行为 。 
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生态 系统 项 目 
第 6 步 练 习 
用 转向 力 驱 动 生态 系统 中 的 生物 行为 ， 参 考点 如 下 。 


口 创建 生物 的 “群集 ”。 

口 用 寻找 行为 模拟 生物 的 更 食 ( 对 于 移动 猎物 的 追逐 ， 可 以 用 “追赶 ”行为 模拟 )。 

口 在 生态 系统 中 使 用 流 场 。 举 个 例子 , 假如 系统 中 的 生物 生活 在 河流 中 ,生态 系统 将 会 有 什 
么 样 的 行为 。 

口 创建 具有 多 种 转向 行为 的 生物 (加 入 尽 可 能 多 的 转向 行为 )， 尝 试 着 改变 这 些 转向 行为 的 
权重 ,在 运行 过 程 中 改变 权重 的 大 小 。 思考 如 何 设 置 这 些 权 重 的 初始 值 ， 如 何 改变 权重 的 
大 小 ? 

口 复 杂 系 统 可 以 被 谋 套 ,你 能 否 用 Boid 对 象 的 群集 设计 一 种 生物 ， 然 后 用 这 种 生物 构建 一 
个 更 大 的 群集 ? 

口 复杂 系统 可 以 有 记忆 能 力 ( 和 一 定 的 适应 性 ), 试 着 让 模拟 生态 系统 的 历史 影响 当前 行为 。 
(可 以 引入 相应 的 驱动 力 ， 让 它 去 调整 各 种 转向 力 的 权重 。) 








细胞 目 动 机 





“为 了 玩 生 命 游戏 ， 你 必须 有 一 个 很 大 的 棋盘 以 及 足够 多 的 双色 棋子 ， 你 也 可 以 用 
铅笔 和 图 纸 ， 但 用 棋盘 和 棋子 会 更 简单 ， 尤 其 对 于 初学 者 。 
-马丁 . 加 德 纳 ,《 科 学 美国 人 》( 1970 年 10 月 ) 


从 本 章 开 始 , 我 们 不 再 讨论 回 量 和 运动 的 话题 , 而 是 将 精力 集中 在 系统 和 算法 上 (尽管 如 此 ， 
我 们 仍然 可 以 将 这 些 技术 作用 在 运动 模拟 上 ) 在 前 一 章 ， 我 们 遇 到 了 第 一 个 模拟 的 复杂 系统 : 
群集 。 当 时 ,我 们 简 述 了 复杂 系统 背后 的 核心 原则 : 一 个 复杂 系统 由 许多 个 体 元 系 组 成 , 个 体 并 
行 运作 , 相互 之 间 存 在 短程 关系 ,整体 上 表现 出 一 些 上 自发 现象 。 复杂 系统 的 功能 和 属性 大 于 各 部 
分 的 总 和 。 本 半 将 构建 为 一 个 复杂 系统 , 但 我 们 要 简化 系统 的 组 成 元 系 : 系统 的 元 素 不 是 物理 世 
界 的 实体 ， 而 是 最 简单 的 数字 一 一 比特 。 一 个 比特 位 称 为 细胞 ， 它 的 值 (0 或 1 ) 称 为 状态 。 使 用 
这 些 人 简单 的 元 素 能 帮助 我 们 深入 理解 复杂 系统 和 其 中 的 实现 技术 。 


7.1 什么 是 细胞 自动 机 


首先 ， 让 我 们 弄 清 楚 一 件 事 : 术语 细胞 自动 机 的 喘 文 “cellular automata” 是 复数 形式 ， 示 例 
程序 模拟 的 细胞 自动 机 其 更 文 “cellular automaton” 是 单数 形式 。 为 了 从化 ， 我 们 用 “CA” 表 示 
细胞 自动 机 。 

前 6 章 的 对 象 (运动 者 、 粒 子 、 小 车 、Boid 对 象 ) 只 有 一 种 “状态 ”， 它 们 的 运动 方式 可 能 很 
复杂 , 但 在 整个 生存 期 中 始终 都 保持 一 种 形态 。 我 们 曾 想 让 运动 对 象 随 时 间 的 推移 发 生 状 态 变 化 
(例如 ， 转 回力 的 权重 可 以 变化 ), 但 还 没有 完全 将 其 付 诸 实践 。 在 此 背景 下 ， 细 胞 目 动 机 跨 出 了 
巨大 的 一 步 : 它 能 构建 随时 间 推 移 发 生 状 态 转 移 的 系统 。 

细胞 自动 机 是 由 “细胞 ”对 象 组 成 的 系统 ， 它 具有 以 下 特性 : 

口 细胞 存在 于 网 格 中 (在 本 章 里 ， 我 们 将 以 示例 形式 学 习 一 维和 二 维 细 胞 自动 机 ， 但 细胞 

自动 机 可 以 存在 于 任意 数量 的 维度 中 ); 

口 每 个 细胞 都 有 一 个 状态 ,但 可 能 出 现 的 状态 数量 是 有 限 的 ， 最 简单 的 情况 就 是 1 和 0 ( 可 

以 称 为 “ 开 ” 和 “ 关 ”, 或 者 “ 生 ” 和 “ 死 ”); 
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D 每 个 细胞 都 有 邻居 ， 定 义 “邻居 ”的 方式 有 多 种 ， 通 常 指 邻 近 的 细胞 。 
由 细胞 组 成 的 网 格 ， 每 个 细胞 的 状态 都 是 “ 开 ” 或 “ 关 ” 


mom 
am 瑟 可 可 
on 









细胞 目 动机 的 发 明 归 功 于 斯 塔 尼 斯 拉夫 马 拉 姆 和 约翰 冯 : 诺 伊 曼 ，20 世 纪 40 年 代 ， 他 们 
都 是 洛斯 阿拉 英 斯 国家 实验 室 的 研究 员 。 当 时 乌拉 姆 正在 人 研究 晶体 的 生长 ,而 汉 : 诺 伊 曼 正 在 设 
想 一 个 能 自我 复制 的 机 融 人 世界 。CA 的 可 视 化 程序 看 起 来 更 像 品 体 生 长 的 模拟 ， 而 不 是 机 硕 人 的 
目 我 复制 。 对 此 ， 请 你 把 机 带 人 想象 成 网 格 中 的 图 委 〈 在 一 张 方 格 纸 中 国 一 些 方块 )， 这 些 网 案 按 
照 一 定 规则 上 自我 复制 ， 这 实质 上 就 是 CA 的 过 程 ， 它 表现 出 了 与 生物 繁殖 和 物种 进化 相似 的 行为 。 
(顺便 说 一 句 ， 冯 … 诺 伊 曼 提 出 的 细胞 模型 有 29 种 可 能 的 状态 。) 在 目 我 复制 和 CA 方面 ， 冯 :请 依 
坚 的 工作 在 概念 上 类 似 于 最 著名 的 细胞 自动 机 模型 “生命 游戏 ”, 我 们 将 在 7.3 和 详细 讨论 这 个 模型 。 

在 细胞 自动 机 领域 , 最 有 音义 (有 旦 篇 幅 最 长 ) 的 科学 研究 是 Stephen Wolfram 于 2002 年 发 表 的 
著作 4 New Kind of Science, 共计 1280 页 ,你 可 以 在 网 上 人 免费 获取 这 本 书 ( http://www.wolframscience. 
com/nksonline/toc.html )。 该 书 声明 ，CA 并 不 是 一 种 简单 的 游戏 ， 它 和 生物 学 、 化 学 、 物 理学 以 
及 各 个 科学 分 文 都 密切 相关 。 本 和 曹 将 市 你 简要 了 解 Wolfram 的 理论 (我 们 只 关注 代码 实现 )， 如 果 

下 面 的 示例 程序 激发 了 你 的 好 奇 心 ， 你 可 以 去 旋 一 庆 这 本 书 。 
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本 草 将 从 Wolfram 理 论 的 模拟 开始 ， 为 了 理解 Wolfram 提 出 的 初等 CA 模型 ， 我 们 要 先 问 自己 
儿 个 问题 “你 能 想象 到 的 最 人 简单 的 细胞 自动 机 是 什么 ”” 问 这 个 问题 的 意义 在 于 : 即使 在 最 简 
单 的 CA 模型 中 ， 我 们 也 能 看 到 复杂 系统 的 特性 。 

下 面 我 们 要 从 头 开 始 构建 Wolfram 的 初等 CA 模型 。 在 实现 之 前 ， 我 们 要 先 学 习 其 中 的 概念 。 
CA 有 三 大 要 素 。 


(1) 网 格 ”最 简单 的 网 格 是 一 维 的 ， 即 一 行 细胞 。 
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IIT 


图 7-2 
(2) 状态 集 ”最 简单 的 状态 集 ( 多 于 一 种 状态 ) 是 0 或 1。 


lls lal 
图 7-3 


(3) 邻居 在 最 简单 的 情况 下 ， 某 个 细胞 在 一 维 空间 中 的 邻居 就 是 它 自身 和 相 邻 的 两 个 细 
胞 ， 即 左边 和 右边 的 细胞 。 














图 7-4 3 个 邻居 细胞 


此 我 们 的 模型 从 一 行 细胞 开始 ， 每 个 细胞 都 有 一 个 初始 状态 〈 假设 它 不 是 随机 的 )， 还 有 
两 个 相 邻 的 细胞 。 除 此 之 外 ,我们 还 要 约定 边 绿 细胞 的 处 理 方式 ( 因为 它们 只 有 一 个 相 邻 的 细胞 )， 


但 我 打算 把 这 一 步 放 到 后 面 。 





图 7-$ ”边缘 细胞 只 有 两 个 邻居 
我 们 还 未 讨论 细胞 目 动 机 最 重要 的 工作 细 贡 一 一 时 间 ， 它 不 是 现实 世界 的 时 间 ， 而 是 CA 的 
运行 所 需 的 时 间 段 ， 也 可 以 称 为 代 (generation )， 在 本 例 中 ， 时 间 就 是 动画 的 帧 数 。 上 面 的 几 幅 
图 展示 了 CA 在 第 0 代 的 状态 。 对 此 ， 我 们 需要 问 目 己 几 个 问题 : 如何 计 算 细胞 在 第 1 代 的 状态 ， 
如 何 计 算 第 2 代 以 及 后 面 儿 代 的 状态 ? 


we oll lolol,) 

















7.2 ”初等 细胞 自动 机 213 





假设 在 CA 中 有 个 细胞 ， 我 们 称 之 为 CELL。CELL 在 第 代 的 状态 计算 公式 如 下 : 
CELL 在 第 t 代 的 状态 = F(CELL 的 邻居 在 第 上 1 代 的 状态 ) 


这 意味 着 : 细胞 的 新 状态 是 一 个 函数 ,函数 的 参数 是 邻居 在 上 一 代 的 状态 。 我 们 可 以 根据 邻 
届 先 前 的 状态 计算 出 该 细胞 的 新 状态 。 





第 0 代 


第 1 代 





在 细胞 自动 机 世界 里 ,细胞 状态 有 多 种 计算 方式 。 图 像 模 糊 处 理 算 法 和 CA 规则 类 似 ， 寺 个 
像素 的 新 状态 〈 也 就 是 它 的 颜色 ) 等 于 所 有 邻居 像素 颜色 的 平均 值 。 我 们 也 可 以 让 细胞 的 新 状态 
等 于 邻居 状态 的 加 和 。 在 Wolfram 的 初等 CA 模型 中 ,我 们 就 用 这 种 简化 方式 计算 细胞 状态 : 枚 举 
邻居 细胞 的 所 有 状态 组 合 , 对 每 种 可 能 的 情况 建立 结 末 映射 。 这 么 做 看 起 来 有 些 欧 请 一 一 如 果 出 
现 数 不 胜 数 的 可 能 情况 ， 实 现 起 来 会 很 麻烦 ， 甚 至 难以 实现 ， 尽 管 如 此 ， 我 们 还 是 要 试 试 。 

假设 有 3 个 细胞 , 每 个 细胞 的 状态 部 是 0 或 1。 这 3 个 状态 相互 组 合 能 出 现 多 少 种 情况 ?根据 二 
进 制 运算 的 知识 ， 这 3 个 细胞 代表 3 个 比特 位 ， 它 们 能 形成 8 种 组 合 : 


000 001 010 011 100 10 1 110 117 
图 7-8 











枚 举 完 邻 大 的 所 有 状态 组 合 之 后 , 我 们 需要 为 每 种 情况 建立 结果 ( 新 的 状态 值 : 0 或 1 ) 映射 。 


GD 0 0 1 010 0 11 10 0 10 1 于 可 在 下 本 本 
0 1 0 1 0 1 0 
图 7-9 


标准 的 Wolfram 模 型 从 第 0 代 开 始 ， 最 中 间 细 胞 的 初始 状态 是 1， 而 其 他 细胞 的 初始 状态 是 0。 


oo | ol oe 


图 7-10 
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根据 上 面 的 规则 ， 推 算 一 个 给 定 的 细胞 〈 我 们 选择 最 中 间 的 细胞 ) 在 第 1 代 会 发 生 怎样 的 状 


态 变化 。 


第 0 代 

0 1 ool+iolo|oc!lo 000 001 010 011 100 101 110 111 

| qr yy yy 

I 
图 7-11 


我 们 把 同样 的 人 逻辑 作用 在 所 有 细胞 上 ， 然 后 填补 空 日 的 细胞 状态 。 


得 到 新 一 代 细 胞 的 状态 后 ,我 们 可 以 为 它们 者 色 ， 用 日 色 方 块 表示 0， 用 黑色 方块 表示 1; 然 
后 把 每 代 细胞 堆 车 在 一 起 ， 让 新 一 代 细 胞 显示 在 旧 一 代 的 下 面 。 


























































































































































































































































































































































































































图 7-12” ”规则 90 








这 个 低 分 状 率 图 案 称 为 “ 谢 尔 宾 斯 基 三 角形 ”"， 以 波兰 数学 家 瓦 芯 瓦 夫 - 谢 尔 宾 斯 基 的 名 字 命 
名 ,这 是 一 种 分 形 图 案 。 我们 将 在 下 一 音 学 习 分 形 。 我 们 可 以 从 上 图 看 出 : 一 个 由 0 和 1 组 成 的 简 
单 系统 ， 只 要 根据 3 个 邻居 细胞 的 状态 ， 就 可 以 生成 复杂 的 谢 尔 宾 斯 基 三 角形 。 下 面 我 们 再 尝试 
一 次 ， 这 次 用 一 个 像素 表示 细胞 ， 画 一 幅 分 辩 率 更 高 的 图 案 。 














图 7-13 ”规则 90 


这 样 的 结果 并 不 是 偶然 出 现 的 , 因为 上 面 的 规则 能 产生 这 种 图 案 , 所 以 我 故意 选择 它 作 为 示 
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例 规 则 。 图 7-8 中 一 共有 8 种 可 能 的 组 合 ， 因 此 我 们 可 以 根据 这 8 种 组 合 定义 一 套 规 则 。 
这 套 规 则 可 以 表示 为 : 


"ee es 
口 口 
0 1 0 1 1 0 1 0 
图 7-14 ”规则 90 


8 个 0 和 1 就 是 一 个 8 位 数 ， 而 8 位 数字 共 能 产生 256 种 组 合 。RGB 色 彩 分 量 就 是 用 8 位 表示 的 : 
分 别 由 8 位 表示 红色 、 绿 色 和 蓝 色 分 量 。 也 就 是 说 , 我们 可 以 用 一 个 介 于 0~255 的 整数 表示 颜色 强 
度 (共有 256 种 可 能 )。 


Wolfram 初 等 CA 也 有 256 种 可 能 的 规则 。 而 上 图 所 示 的 规则 通 稼 称 为 “规则 90”， 因 为 二 进 制 
序列 01011010 转 化 为 十 进 制 后 就 等 于 90。 下 面 我 们 来 看 看 另 一 种 规则 。 


















































































































































































































































































































































































































































图 7-1$ ”规则 222 


正如 我 们 现在 所 看 到 的 ， 并 不 是 所 有 的 规则 都 能 产生 有 趣 的 视 党 效果。 在 256 种 规则 中 ， 只 
有 少数 能 产生 引 人 注 目的 结果 。 但 不 可 思议 的 是 : 通过 茶 些 规则 ， 一 个 如 此 简单 的 CA 模型 甚至 
可 以 产生 日 然 界 常见 的 图 案 ( 如 图 7-16 所 示 )， 由 此 可 以 看 出 ，CA 系 统 在 模拟 和 图 案 生 成 方面 至 
天 重要 。 
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图 7-16 ” 锥 形 蜗牛 〈 织 锦 芋 螺 )， 摄 于 澳大利亚 的 大 堡礁 ，2005 年 8 月 7 日 ， 


摄影 师 为 Richard Ling, richard@research.canon.com.au 
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在 学 习 更 多 Wolfram 规 则 之 前 , 我 们 要 先 掌握 用 Processing Sketch 创建 和 可 视 化 Wolfram CA 模 
型 的 方法 。 


7.3 如何 编写 初等 细胞 目 动 机 


你 也 许 会 想 :“ 我 知道 模拟 细胞 的 思路 ， 它 有 一 些 属 性 (状态 、 闪 代 次 数 、 邻 导 细 胞 和 在 屏 
各 上 的 像 系 位 置 )。 除 此 之 外 ， 它 可 能 还 有 一 些 功 能 (显示 目 身 、 产 生 新 状态 )…… ”这 样 的 思 
路 是 正确 的 ， 它 可 能 会 引导 你 写 出 以 下 代码 : 


class Cell { 





} 


但 我 们 不 想 采 用 这 种 方法 。 在 本 章 的 后 面 ,我 们 会 讨论 面 丫 对 象 方 法 在 CA 模拟 上 的 重要 性 ; 
但 在 最 开始 ， 本 例 可 以 使 用 更 初级 的 数据 结构 。 毕 竟 ， 这 个 初等 CA 只 是 由 “0 和 1” 构 成 的 状态 
列表 ， 我 们 可 以 用 一 个 数组 表示 CA 的 一 次 迭代 。 


国 国 | 


图 7-17 




















int[] cells = {1,0,1,0,0,0,0,1,0,1,1,1,0,0,0,1,1,1,0,0}; 
为 了 绘制 这 个 数组 ， 我 们 可 以 根据 元 素 的 状态 填充 对 应 的 颜色 。 


for (int i = 0; i < cells.length; i++) { 遍历 每 个 细胞 





if (cells[i] == 0) fill(255); 
else fill(0); 根据 状态 (0 或 1) 填充 细胞 颜色 


stroke(0); 
rect(i*50,0,50,50); 
上 


现在 ， 我 们 用 数组 措 述 一 次 迭代 〈 只 考 夸 “当前 ”的 途 代 ) 的 细胞 状态 ， 下 面 还 要 引入 计算 
下 一 次 欠 代 的 机 制 。 我 们 先 用 伪 代 码 表示 当前 要 做 的 事 。 

对 数组 中 的 每 个 细胞 : 

口 获取 邻居 的 状态 一 一 左右 两 边 的 细胞 和 自身 的 状态 ; 

口 根据 先前 设 定 的 规则 查询 新 的 状态 ; 

口 把 细胞 的 状态 设 为 新 值 。 

这 段 伪 代 码 可 能 会 指引 你 写 出 这 样 的 代码 : 








for (int i = 0; i < cells.length; i++) { 对 数组 中 的 每 个 细胞 …… 


int Left = cell[i-1]: 获取 邻居 的 状态 
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int middle = celll[il]; 
int right = cell[i+1]; 


int newstate = rules(left,middle,right); 根据 先前 设 定 的 规则 查询 新 的 状态 
cell[i] = newstate; 把 细胞 的 状态 设 为 新 值 
} 








我 们 已 经 非常 接近 正确 答案 了 , 但 还 是 出 现 了 一 个 很 大 的 失误 。 先 回顾 一 下 到 目前 为 止 我 们 
做 了 哪些 事情 。 


我 们 轻易 地 取得 了 邻居 细胞 的 状态 , 因为 数组 是 一 个 有 序列 表 , 我 们 可 以 通过 下 标的 数值 获 
取 相 邻 的 细胞 。 比 如 ,下 标 为 15 的 细胞 ， 它 左边 细胞 的 下 标 是 14， 右边 细胞 的 下 标 是 16。 推 广 到 
一 般 情 况 下 ， 我 们 可 以 说 : 对 于 细胞 ;， 它 的 邻居 是 7- 1 和 7+ 1。 


我 们 还 引入 了 一 个 rules() 匈 数 ， 用 于 计算 新 状态 值 。 很 显然 ,该 函数 还 有 答 完 成 ,但 关键 
是 我 们 使 用 了 一 种 棕 块 化 的 实现 方式 。 也 就 是 说 ， 这 是 一 个 CA 的 基本 框 染 ， 如 末 后 续 变 更 了 状 
态 变 化 规则 ， 我 们 不 需要 更 改 这 个 框 淋 ， 上 只 需 简 单 地 重 写 rutLes ( ) 图 数 ， 用 一 种 不 同 的 方式 计算 
新 状态 即 可 。 


那 我 们 a 到底 做 错 了 什么 ?来 看 看 代码 的 执行 过 程 : 首 乞 ， 我 们 操作 下 标 等 于 0 的 元 率 ， 它 左 
边 邻 届 的 下 标 是 -1， 其 目 身 下 标 为 0， 右 边 邻 居 的 下 标 是 1。 然 而 ， 数 组 没有 下 标 为 - 1 的 元 又， 
一 个 数组 是 从 0 开始 的 。 这 个 问题 在 前 面 已 经 有 所 提 及 ， 也 就 是 边界 情况 。 


如 何 处 理 没 有 左右 邻居 的 边界 细胞 ”现在 有 3 种 解决 方案 可 供 选 择 。 

(1) 让 边界 细胞 的 状态 是 常量 。 这 也 许 是 最 人 简单 的 方案 ， 我们 不 需要 管 任何 边界 细胞 ， 只 逢 
让 它们 保持 常量 状态 (0 或 1 )。 

(2) 边界 环绕 。 把 CA 想象 成 一 张 纸 条 ， 把 纸 条 两 端 相 连 ， 变 成 一 个 环 。 如 此 一 来 ， 最 左边 的 
细胞 和 最 右边 细胞 就 成 了 邻居 ， 反 过 来 也 是 如 此 。 用 这 种 方法 我 们 可 创建 出 无 限 网 格 的 
外 形 ， 这 或 许 也 是 最 常用 的 解决 方案 。 

(3) 边界 细胞 有 特殊 的 邻居 和 计算 规则 。 我 们 可 以 将 边界 细胞 区 别 对 待 ， 为 其 创建 特殊 的 规 
则 ,让 它们 只 有 两 个 邻居 。 在 某 些 情况 下 ， 你 可 能 会 这 么 做 ,但 是 在 本 例 中 ， 这 么 做 会 
引入 很 多 额外 代码 ， 收 益 却 很 少 。 

为 了 让 代码 尽 可 能 地 易 读 易 理 解 ， 我 们 采用 第 一 种 方案 : 直接 略 过 边界 细胞 ,让 它们 的 状态 

保持 常量 。 这 种 方案 的 实现 很 简单 ， 只 需要 让 循环 从 下 标 1 开 始 ， 并 提前 一 个 元 素 结 束 : 


for (int i = 1; i < cells.length-1; I++){ 忽略 第 一 个 和 最 后 一 个 细胞 的 循环 


















































int Left = cell[i-1]; 

Int middle = celll[il]; 

int right = cell[i+1]; 

int newstate = rules(left,middle,right); 
cell[i] = newstate ; 
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在 大 功 告 成 之 前 ,我 们 还 要 修复 一 个 问题 。 这 个 问题 很 微妙 ， 它 不 会 产生 任何 编 详 错误 ， 却 
会 让 CA 广 生 错误 的 运算 结案 。 在 CA 实现 技术 中 ， 认 识 这 个 问题 至 关 重 要 。 问 题 来 自 以 下 代码 : 


cell[i] = newstate.; 


这 行 代码 看 起 来 并 没有 错误 : 一 旦 我 们 得 到 新 状态 ,确实 需要 将 它 赋 给 当前 细胞 。 但 在 下 一 
次 迭代 中 ,你 会 发 现 一 个 严重 的 着 洞 。 比 方 说 ,我 们 刚刚 计算 完 细 胞 #5 的 新 状态 。 接 下 来 要 计算 
细胞 #6 的 新 状态 : 

细胞 #6， 第 0 代 的 状态 

细胞 #6， 第 1 代 的 状态 

注意 , 为 了 计算 细胞 #6 在 第 1 代 的 状态 ,我们 需要 用 到 细胞 #5 在 第 0 代 的 状态 。 细 胞 的 新 状态 
是 以 邻居 先前 状态 为 参数 的 函数 。 但 我 们 还 知道 细胞 #5 在 第 0 代 的 状态 吗 ? 注意 ， 在 ;等 于 5 时 ， 
以 下 代码 已 经 执行 : 


cell[i] = newstate.; 


这 行 代 码 一 旦 执行 , 我 们 就 再 也 无 法 得 到 细胞 #5 在 第 0 代 的 状态 了 , 数组 中 下 标 为 5 的 元 素 存 
放 的 是 第 1 代 的 状态 。 在 过 有 历数 组 的 过 程 中 ， 我 们 不 能 履 兰 它 的 值 ， 因 为 需要 用 这 些 值 计算 下 一 
个 元 素 的 新 状态 。 这 个 问题 的 解决 方案 是 : 使 用 两 个 数组 ,一 个 数组 用 于 保存 当前 代 的 状态 ,为 
一 个 数组 用 于 保存 下 一 代 的 状态 。 


int[] newcells = new int[cells.Tlength]; 用 另 一 个 数组 保存 下 一 代 状 态 








0 或 1 
F (细胞 #5 、 细 胞 #6 和 细胞 #7 在 “第 90 代 ” 的 状态 ) 























for (int i = 1; i < cells.length-1; I++) { 
int Left = cell[i-1]; 从 当前 数组 获取 细胞 状态 
int middle = celll[il]; 
int right = cell[i+1]; 


int newstate = rules(left,middle,right); 








newcells[i] = newstate; 在 新 数组 中 保存 新 状态 
} 
处 理 完 数组 的 每 个 元 素 后 ,我们 就 可 以 丢弃 旧 的 数组 ， 让 它 的 值 等 于 新 数组 。 
cells = newcells; 新 一 代 状 态 变 成 了 当前 代 状 态 








快要 大 功 告 成 了 ,还 差 rulLes () 函数 没有 实现 ， 这 个 函数 的 功能 是 根据 邻 届 (左边 、 目 身 和 
右边 的 细胞 ) 计算 当前 细胞 的 新 状态 。 它 的 返回 值 是 一 个 整数 (0 或 1 )， 有 3 个 参数 ( 3 个 邻居 )。 


int rules (int a, int b, int c) { 鸡 数 有 3 个 整 型 参数 ， 返 回 值 为 整数 1 

这 个 函数 的 实现 方式 有 很 多 种 ， 但 我 打算 从 一 个 较为 烦琐 的 方法 开始 。 在 实现 过 程 中 , 我 会 
说 明 所 有 细 廊 。 

首先 ， 我 们 需要 建立 规则 的 存储 方式 。 在 上 一 节 中 ， 我 们 说 到 规则 是 8 位 ( 0 或 1 ) 的 二 进 制 
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数 ， 它 定义 了 每 种 邻 届 组 合 对 应 的 结 采 值 。 
现 原 部 DDO 
口 Ea 
0 1 0 1 1 0 1 0 


图 7-14 ( 重复 ) 





我 们 可 以 用 数组 存储 这 些 规则 。 
int[] ruleset = {0,1,0,1,1,0,1,0}; 
然后 : 
if (a == 1 && b == 1 8&8& cc == 1) return ruleset[0]; 


如 有 果 左 边 、 目 身 和 右边 细胞 的 状态 都 为 1!1， 函 数 就 返回 组 合 “111” 对 应 的 结 来 ,也 就 是 规则 
数组 中 的 第 一 个 元 系 。 下 面 ， 我 们 用 这 种 方法 实现 所 有 可 能 的 组 合 : 


int rules (int a, int b, int c) { 





if (a == 1 && b == 1 8&& c == 1) return ruleset[0]; 
else if (a == 1 Ab == 1 && c == 0) return ruleset[1]; 
else if (a == 1 Ab == 0 && c == 1) return ruleset[2]; 
else If (a == 1 && b == 0 8&8& Cc == 0) return ruleset[3]; 
else if (a == 0 && b == 1 && c == 1) return ruleset[4]; 
else if (a == 0 && b == 1 8&& c == 0) return ruleset[5]; 
else if (a == 0 && b == 0 8&8& Cc == 1) return ruleset[6]; 
else if (a == 0 && b == 0 8&8& Cc == 0) return ruleset[7]; 
return 0; 为 了 让 函数 的 定义 合法 ， 必 须 加 上 这 个 返回 值 ， 虽 


然 我 们 知道 不 可 能 出 现 不 符合 这 8 种 情况 的 状态 组 
合 ， 但 Processing 并 不 会 这 么 认为 


} 
我 喜欢 这 种 实现 方式 , 因为 它 把 每 种 邻居 组 合 都 描述 清楚 了 。 但 这 不 是 一 个 好 方案 。 如果 CA 
中 的 细胞 有 4 种 可 能 的 状态 (0~3 )， 这 样 就 会 有 64 种 可 能 的 邻居 状态 组 合 ; 如 果 有 10 种 可 能 的 状 
态 ， 邻 居 细 胞 的 状态 组 合 将 达到 1000 种 。 我 们 肯定 不 想 输入 1000 行 这 样 的 代码 ! 
另 一 种 解决 方案 有 点 难以 理解 ， 就 是 把 邻居 状态 的 组 合 (3 位 二 进 制 数 ) 转换 成 一 个 普通 整 
数 ， 并 把 该 值 作为 规则 数组 的 下 标 。 实 现 方式 如 下 : 


int rules (int a, int b, int c) { 





String s ="" +a+b+ace; 将 3 位 转化 为 字符 事 
int index = Integer.parseInt(s,2) ; 第 二 个 参数 “2” 告 诉 parseInt () 有 函数 要 把 5 
当成 二 进 制 数 


return ruLeset [Index ] ; 


} 
然而 ， 这 里 还 有 一 个 小 问题 ， 假 如 我 们 正在 实现 规则 222: 
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int[] ruleset = {1,1,0,1,1,1,1,0}; 规则 222 


对 于 邻居 状态 组 合 “111”， 它 对 应 的 规则 数组 下 标 应 该 是 9， 就 像 第 一 种 实现 方式 中 写 的 : 


if (a == 1 && b == 1 8&& c == 1) return ruleset[0]; 


组 合 “111” 转 化 为 整数 后 等 于 7; 但 我 们 并 不 想 取 ruleset[7], 而 是 想 要 ruleset[0] 的 值 。 


为 了 解决 这 个 问题 ， 我 们 需要 用 相反 的 顺序 保存 规则 集 。 


int[] ruleset = {0,1,1,1,1,0,1,1}; 规则 222 的 “ 逆 ” 序 表示 


到 目前 为 止 ， 我 们 已 经 实现 了 初等 CA 新 状态 的 计算 。 下 面 我 们 再 花 点 时 间 把 这 些 代 码 放 到 





个 类 中 ， 这 有 助 于 Sketch 程序 的 代码 组 织 。 


class CA { 
int[] cells; 我 们 需要 两 个 数组 ， 一 个 用 来 存放 细胞 ， 另 一 个 用 
来 存放 规则 
int[] ruleset; 
CA() { 
cells = new int[width]; 
ruleset = {0,1,0,1,1,0,1,0}; 随意 选取 规则 90 
for (int i = i < cells.length; i++) { 
cells[i] = 
} 
cells[cells.length/2] = 1; 除了 中 间 的 细胞 以 状态 1 开始 ,其余 所 有 细胞 都 从 状 
态 0 开 始 


} 


void generate() { 
int[] nextgen = new int[ceLLs.Length] ; 放生 下 本 人 大 过 
for (int i = 1; i < ceLlLls.Length-1; I++) { 
int Left = cells[i-1]; 
int me = cells[i]; 
int right = cells[i+1]; 
nextgen[i] = rules(left, me, right); 


} 
cells = nextgen; 
} 
int rules (int a, int b, int c) { 在 规则 集中 查询 新 状态 
SEErminhgSss ea er, 
int index = Integer.parseInt(s,2); 
return ruleset[index]; 
} 
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7.4 ”绘制 初等 CA 


还 少 些 什么 ?我们 的 最 终 目 标 是 用 可 视 化 方式 展现 这 些 细胞 和 状态 。 正 如 在 前 面 所 看 到 的 ， 
标准 的 画 法 是 让 每 一 代 细 胞 都 堆 全 在 一 起 , 并 根据 它们 的 状态 绘制 黑色 (状态 1 ) 和 日 色 ( 状态 0 ) 
的 矩形 。 














































































































































































































































































































































































































图 7-12 (重复 ) 
在 实现 可 视 化 显示 之 前 ， 我 想 指 出 两 点 。 
第 一 ,这 种 数据 可 视 化 方式 只 有 表面 上 的 意义 。 它 只 是 为 了 展示 Wolfram 初 等 CA 背后 的 算法 














原理 和 运行 结 来， 我 不 想 迫 使 你 也 必须 这 么 做 。 你 并 不 需要 严格 按照 这 个 算法 和 可 视 化 方式 。 学 
习 这 种 实现 方式 只 是 为 了 更 好 地 理解 和 实现 CA， 它 只 是 一 种 技术 铺垫 。 

第 二 ， 用 二 维 的 图 像 显 示 一 维 CA， 这 可 能 会 让 你 感觉 一 头 筋 水 。 请 记 住 ， 这 不 是 一 个 二 维 
CA。 我们 只 是 用 纵向 堆 舍 的 方式 显示 细胞 的 演化 历史 。 本 例 根据 多 个 一 维 数 据 实 例 生成 二 维 图 
像 ， 但 是 系统 本 号 是 一 维 的。 后 面 ， 我 们 会 学 习 真 正 的 二 维 CA ( 生命 游戏 )， 然 后 讨论 如 何 显示 
二 维 CA 系 统 。 


好 消息 是 : 绘制 CA 模型 并 不 困难 。 我 们 先 来 看 看 如 何 演 染 其 中 的 一 代 细 胞 。 假 设 Processing 
窗口 的 宽度 是 600 像 素 ， 每 个 细胞 都 对 应 一 个 10 x 10 的 方块 ， 因 此 整个 CA 共有 60 个 细胞 。 当 然 ， 
我 们 可 以 动态 地 计算 这 些 值 。 

int w = 10; 

int[] cells = new int[width/w]: 计算 当前 宽度 能 容纳 的 细胞 数 











假设 细胞 的 初始 状态 已 经 产生 了 (我 们 已 在 前 一 市 做 过 这 件 事 )， 下 面 我 们 就 过 历 整个 细胞 
数组 ， 如 末 细 胞 的 状态 为 1， 就 绘制 器 色 方 块 ; 如 采 为 0， 就 绘制 日 色 方 块 。 


for (int i = 0; i < cells.length; I++) { 


if (cells[i] == 1) fill(0); 0 

else TULL(2DD)s 

rect(i*w, 0, w, Ww); X 坐 标 等 于 细胞 下 标 乘 以 细胞 宽度 ， 在 以 上 实现 中 ， 
我 们 会 得 到 X 坐 标 等 于 90，10，20，30.…… 一 直到 
600 
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实际 上 ,我 们 可 以 做 一 些 优化 : 把 窗口 的 背景 色 设 为 白色 ， 只 夯 黑 色 的 方块 (这样 就 省 去 画 
白色 方块 的 步骤 )， 但 在 大 部 分 场景 下 ， 上 面 的 做 法 已 经 足够 好 了 ( 它 还 能 应 对 更 复杂 的 需求 ， 
比如 有 颜色 发 生变 化 )。 除 此 之 外 ， 如 采 改 用 单个 像素 表示 每 个 细胞 ， 我 们 就 不 能 简单 地 调用 
Processing 的 rect () 国 数 ， 而 应 该 直接 访问 像素 阵列 。 


在 上 面 的 代码 中 ， 你 会 注意 到 每 个 方块 的 ?坐标 都 是 0。 如 果 想 让 每 一 代 都 彼此 相连 ， 并 用 每 
一 行 表示 新 一 代 细胞 ， 我 们 还 需要 根据 已 执行 的 迭代 数 计算 ?坐标 。 为 了 实现 这 一 点 ， 我 们 需要 
在 CA 类 中 增加 一 个 generation 变 量 , 在 generate( ) 函数 中 递增 这 个 变量 。 加 上 以 上 实现 后 , 我 
们 就 有 了 一 个 包含 计算 和 显示 特性 的 CA 模型 。 














_7_01 WolframCA_simple 





示例 代码 7-1 ” Wolfram 初等 细胞 日 动机 


class CA { 
int[] cells; 
int[] ruLeset ; 
int w = 10; 
int generation = 0; CA 必须 记录 当前 的 选 代 次 数 


CA() { 
cells = new int[width/w]; 
ruleset = {0,1,0,1,1,0,1,0}; 
cells[cells. length/2] = 1; 


} 
void generate() { 人 站 下 全 人 状态 
int[] nextgen = new int[ceLLs,.Length] ; 
for (int i = 1; i < cells.length-1; I++) { 
int left = cells[i-1]; 
int me = cells[i]; 
int right = cells[i+1]; 
nextgen[i] = rules(left, me, right); 
} 
cells = nextgen,; 
generation++; 递增 迭代 计数 器 
} 


int rules(int a, int b, int c) { 
String s="" +a+b+ac; 
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int index = Integer.parseInt(s,2); 
return ruleset[index]; 


} 
for (int i = 0; i < cells.length; i++) { 
if (cells[i] == 1) fill(0); 
else fill(255),; 
rect(i*w, generation*w, w, Ww); 根据 迭代 次 数 设置 y 坐 标 


练习 7.1 


请 扩展 示例 代码 7-1， 让 它 具 有 以 下 特性 : 一 旦 CA 运行 到 屏幕 的 底部 ， 立 即 按照 一 个 新 的 
随机 规则 集 开 始 迭 代 。 


练习 7.2 


请 用 随机 状态 初始 化 第 一 代 细 胞 ， 检 查 它 能 产生 什么 样 的 图 案 。 


练习 7.3 


请 用 一 种 非 传统 的 方式 展示 CA， 尽 可 能 地 打破 现 有 的 思维 方式 ， 不 要 拘泥 于 网 格 中 的 黑白 
方块 。 


练习 7.4 


请 创建 一 个 向 上 滚动 的 CA 可 视 化 程序 ， 由 此 查看 CA 模型 的 “无 限 ” 迭 代 。 提示: 你 需 
保存 迭代 历史 状态 ， 而 不 是 只 存储 一 次 迭代 的 细胞 状态 。 在 每 一 帧 里 添加 新 的 迭代 ， 并且 删 
除 最 旧 的 迭代 。 





7.5 ” Wolfram 分 类 


在 学 习 二 维 CA 之 前 , 我 们 有 必要 看 看 Wolfram 的 细胞 自动 机 分 类 。 正 如 前 面 所 提 到 的 ,大量 
的 CA 规则 集 产 生 的 结 末 并 不 能 引起 我 们 的 兴趣 ， 而 有 一 些 规 则 集 则 能 产生 自然 界 存 在 的 复杂 图 
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案 。Wolfram 把 这 些 运行 结果 分 成 4 种 类 型 。 





图 7-18 ”规则 222 





类 别 1: 统一 ”经历 右 干 次 迭代 之 后 ， 类 别 1 的 细胞 状态 变 成 了 常量 。 这 样 的 结 来 不 会 让 人 
眼前 一 时。 上 图 的 规则 222 束 属于 该 类 。 执 行 多 次 迷 代 之 后 ， 每 一 个 细胞 最 终 都 将 保持 震 色 。 




















图 7 19 规则 190 


类 别 2: 重复 ”和 类 别 1 相 似 ， 类 别 2 最 后 也 会 你 持 稳定 ,但 每 个 细胞 的 状态 并 不 是 第 量 。 相 
反 ， 它们 的 状态 在 0 和 1 之 间 来 回 变 化 。 在 上 图 的 规则 190 中 ， 每 个 细胞 的 状态 序列 都 是 
11101110111011101110。 


dy IEE 
Pe 由 


ER eh 
Ta J 


2 Er 


en 规则 30 


5 
和 和 





类 别 3: 随机 这 类 CA 的 状态 变化 是 随机 的 ， 我 们 无 法 找 清 其 规律 。 在 Wolfram 的 Mathem- 
atica 软 件 中 ， 上 图 的 规则 30 被 用 作 随 机 数 生 成 器 。 我 们 再 一 次 感到 惊讶 : 简单 的 系统 ， 在 如 此 简 
单 的 规则 作用 下 ， 居 然 能 产生 复杂 和 混乱 的 模型 。 
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规则 110 


图 7-21 


王 图 


这 


本 本 章 和 第 6 革 提 到 的 复杂 系 


日 


类 别 4 可 以 当 作 类 别 2 和 类 别 3 的 混合 ， 其 中 有 重复 和 交替 的 图 案 ，1{ 


上 的 ,并 且 表 面 上 看 起 来 是 随机 的 。 这 种 CA 展 


类 别 4: 复杂 
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7.6 生命 游戏 





每 个 细胞 将 有 更 多 邻 


用 都 





# 力 转向 二 维 CA。 二 维 CA 会 引入 额外 的 复 末 上 度 : 


A 
[二 
AAS 


个 一步, 我们 朗 反 广 


， 而 本 
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毕竟 ， 计 算 机 图 形 和 学 的 大 
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景 开 局 





应 用 场 


司 时 也 为 更 多 的 
将 展示 如 何 把 CA 


? 


刁 


且 必 用 到 Sketch 的 图 形 绘制 中 。 
在 20 世 纪 70 年 代 ， 马 丁 : 加 德 纳 在 《科学 美国 人 人》 杂志 上 


目 
人 





电大 


-zz 
草 








了 一 篇 文章 ， 其 中 引用 了 数学 家 


乐 ”的 数学 ， 他 还 建议 读者 拿 出 棋盘 试 


本 
洲 戏 。 现 在 ,生命 游戏 早已 经 成 为 陈 词 小调 ( 有 无 数 项 目 专门 把 生命 游戏 模型 显示 在 各 种 屏幕 上 )， 
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玩 这 个 


所 
天 
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维 数组 及 面 吕 对象 编程 。 但 更 重要 的 是 , 它 的 核心 原理 下 接 关 系 到 我 们 的 最 终日 忆 
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` 诺 依 曼 豆 欢 用 非常 复杂 的 状态 和 规则 描述 问题 , 约 坦 . 康 威 则 有 所 不 同 ,他 


单 的 规则 实现 “类 生命 ”系统 。 马 丁 ， 加 人 德 纳 概述 了 康 威 的 论点 。 


汉 
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“() 没 有 初始 模式 可 以 很 简单 地 证 明 个 体 数 量 能 无 限制 增长 。(2) 存 在 某 种 可 以 无 限 
制 增长 的 初始 模式 。(3) 存 在 某 种 简单 的 初始 模式 ， 在 数 次 迭代 之 后 ， 最 终 变 成 3 种 可 能 
情况 : 完全 消失 (由 于 过 于 拥挤 或 者 松散 )、 固 定 下 来 保持 不 变 ， 或 者 进入 以 一 定 周期 
不 断 重 复 循 环 的 振荡 阶段 。 

一 一 马丁 . 加 德 纳 ,《 科 学 美国 人 》 (http://www.ibiblio.org/life 
patterns/october1970.html )，223 ( 1970 年 10 月 ) : 120-123 





上 上 面 的 文字 看 起 来 有 些 神 秘 ,但 它 从 本 质 上 描述 了 Wolfram 提 出 的 4 种 CA 分 类 。CA 应 该 有 固 
定 的 模式 ， 但 这 种 模式 是 无 法 预测 的 ， 随 着 时 间 推 进 ， 它 最 终 会 进入 统一 或 来 回 交 替 的 状态 。 也 
就 是 说 ， 康 威 的 模型 拥有 复杂 系统 的 所 有 特性 ， 尽 管 他 当时 没有 使 用 这 个 术语 。 

让 我 们 看 看 生命 游戏 的 工作 原理 ， 这 不 需要 花费 太 多 时 间 和 篇 幅 ， 因 为 我 们 已 经 掌握 了 CA 
的 基础 知识 。 

首先 ， 我 们 要 面 对 的 是 一 个 二 维 细胞 和 矩阵， 而 不 是 一 行 细胞 。 对 于 初等 CA 模型 ， 每 个 细胞 可 
能 的 状态 都 是 0 或 1。 在 本 例 中 , 我 们 讨论 的 是 “生命 ”的 游戏 , 因此 0 代表 “死亡 ”, 1 代表 “活着 ”。 

细胞 的 邻居 也 被 扩展 了 。 如 果 邻 居 是 相 邻 的 细胞 ,现在 我 们 有 9 个 邻居 细胞 ,而 非 原先 的 3 个 。 











二 维 细胞 目 动 机 


9 个 邻居 细胞 








在 只 有 3 个 邻居 的 情况 下 , 状态 组 合 可 以 用 一 个 3 位 的 二 进 制 数 表 示 , 也 就 是 8 种 可 能 的 组 合 。 
现在 有 9 个 邻 届 细胞 ， 对 应 9 位 的 二 进 制 数 ， 也 就 是 $12 种 可 能 的 状态 组 合 。 在 大 多 数 情 次 下 ， 为 
这 512 种 组 合 分 别 定 义 结果 是 不 可 行 的 。 生 命 游 戏 根据 邻居 的 一 般 特 征 制定 了 一 套 规则 ， 从 而 克 
服 了 这 一 问题 。 生 命 游戏 的 生存 规则 类 似 于 以 下 间 题 : 周围 的 个 体 数 量 是 否 过 剩 ， 是否 被 死亡 的 
个 体 包围 ， 还 是 刚刚 好 ? 

(1) 死亡 ”如 来 某 个 细胞 处 于 “活着 ”状态 (状态 为 1 )， 在 以 下 情况 下 ， 将 会 变 成 “死亡 ” 

状态 状态 变 为 0 )。 
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口 群体 过 剩 ” 如 采 细 胞 有 4 个 及 以 上 的 邻居 处 于 “活着 ”状态 ， 则 该 细胞 死亡 。 
口 孤独 如果 “活着 ”的 邻居 数量 等 于 或 少 于 1 个 ， 则 细胞 死亡 。 


(2) 新 生 ”处 于 “死亡 ”状态 ( 状态 为 0 ) 的 细胞 ， 如 果 它 周围 刚好 有 3 个 “活着 ”的 邻居 ， 
则 它 也 会 变 为 “ 活 春 ”状态 。 
(3) 静止 ”在 其 他 情况 下 ， 细 胞 的 状态 保持 不 变 。 让 我 们 列举 所 有 这 样 的 场景 。 
口 保持 “活着 ” ”如 果 细 胞 是 “活着 ”的 ,而 且 周 围 有 2 个 或 3 个 活着 的 邻居 ， 它 将 继续 
“活着 ” O 
口 保持 “和 死亡” ”如 果 细 胞 是 “死亡 ”的 ,而且 周 围 “ 活 着 ”的 邻居 数 不 等 于 3， 它 将 继 
续 人 保持“ 死亡” 状态 。 








让 我 们 来 看 几 个 例子 。 
死亡 新 生 
(只 有 1 个 活着 的 邻居 ) (3 个 活着 的 邻居 ) 


图 7-23 


在 初等 CA 中 ， 我 们 将 每 次 迷 代 的 细胞 状态 堆 苹 在 一 起 ， 形 成 一 个 二 维 网 格 。 然 而 ， 在 生命 
游戏 中 ，CA 本 和 映 就 是 二 维 的 。 同 样 地 ， 我 们 可 以 把 每 一 次 迭代 用 立体 结构 堆 芋 在 一 起 ， 形 成 一 
个 三 维 的 CA 可 视 化 视图 (你 可 以 在 练习 中 完成 这 个 任务 ) 但 对 生命 游戏 而 言 ， 典 型 的 可 视 化 方 
式 是 用 一 帧 动画 表示 一 次 迭代 。 因 此 ,在 某 一 时 刻 ， 我 们 只 能 看 到 一 次 达 代 的 细胞 状态 ， 而 无 法 
看 到 所 有 迭代 的 状态 ， 整 个 运行 结果 看 起 来 像 是 培养 血 中 快速 生长 的 细 痪 。 


生命 游戏 具有 一 个 有 趣 的 特性 : 某 些 初始 图 案 能 带 来 奇妙 的 结果 。 例 如 ,以 下 图 案 在 迭代 中 
保持 静止 ， 不 会 发 生 任何 改变 。 


其 


block beehive loaf boat 
图 7-24 
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一 些 图 案 将 会 在 两 个 状态 之 间 交 蔡 出 现 : 
blinker toad beacon 
图 ”7-25 





也 有 一 些 图 案 ， 会 在 从 代 过 程 中 发 生 移动 。( 需要 注音 的 是 : 我 们 看 到 的 图 和 案 移动 是 细胞 生 
死 交 答 产 生 的 觉 结果， 细胞 本 号 并 没有 发 生 移动 。) 





glider lightweight spaceship 
图 7-26 


如 果 你 对 这 些 图 案 感 兴趣 ， 网 上 有 很 多 “ 开 箱 即 用 ”的 生命 游戏 演示 程序 ， 你 可 以 在 里 面 设 
置 CA 的 初始 状态 已 在 各 种 速度 下 的 运行 效果 。 下 面 推荐 两 个 在 线程 序 : 


口 Exploring Emergence ( http://llk.media.mit.edu/projects/emergence/ )， 开 发 者 是 态 省 理工 学 
院 媒 体 实 验 室 Lifelong Kindergarten 小 组 的 Mitchel Resnick 和 了 Brian Silverman; 
口 Conway'Ss Game of Life (http://stevenklise.github.com/ConwaysGameOfLife )， 开 发 者 是 
Steven Klise， 开 发 工具 是 Processing.js! 
在 下 一 市 中 , 我 们 将 从 头 开发 一 个 生命 游戏 程序 , 为 了 尽 可 能 简单 ,我 希望 随机 设置 每 个 细 
胞 的 状态 。 


7.7 编写 生命 游戏 


现在 ,我 们 需要 将 之 前 的 Wolfram CA 扩展 到 二 维 空间 ,前 面 我 们 用 一 维 数组 存放 细胞 的 状态 ， 
在 生命 游戏 中 , 我 们 需要 用 二 维 数组 ( http://www.processing.org/learning/2darray/ ) 表示 细胞 状态 。 


int [][] board = new int[columns][rows]; 


首先 ， 我 们 用 随机 的 状态 值 (0 或 1 ) 初始 化 board 数 组 中 的 每 个 细胞 。 

















for (int x = 0; x < columns; x++) { 


for (int y = 0; y < rows; y++) { 


current[x]j[y] = int(random(2)); 


用 0 或 1 初始 化 每 个 细胞 
} 
} 
i 次 大 代 ， 就 像 以 前 一 样 ， 我们 宕 要 一 个 新 的 二 维 数组 。 并 在 遍历 过 程 中 将 新 状 
态 写 人 这 个 数组 。 





int[][] next = new int[columns][rows] 
for (int x = 0; x < columns; x++) { 


for (int y = 0; y < rows; y++) { 


next[x][y] = 


为 每 个 细胞 设置 新 状态 
} 





在 研究 新 状态 的 计算 方法 之 前 ， 我 们 要 先 摘 清楚 如 何 引 用 邻居 细胞 。 在 一 维 CA 中 ， 引 用 邻 
届 细 胞 很 简单 : 如 果 细 胞 的 下 标 是 1， 那 么 邻 届 的 下 标 就 是 ;- 1 和 计 1。 


在 二 维 CA 中 ， 每 个 细胞 都 
有 两 个 下 标 : 列 下 标 x 和 行 下 标 y。 如 图 7-27 所 示 , 细胞 的 邻居 分 别 为 : (x -1,y-1)、(x,y-1)、(x+l, 
y-2)、 xr-1,p). tl,y) x-1,y+t1) ,ytl)AIxtl, y+1) 











x X+ 1 


pF 





在 生命 游戏 中 ， 所 有 规则 都 只 涉及 “活着 ” a 因此 ,我 们 可 以 个 邻 
居 计 数 需 变量 ， 每 次 发 现 一 个 “活着 ”的 邻居 ， 就 递增 这 
的 总 数 。 











变量 ,最 后 就 能 得 到 “活着 ”的 邻居 
int neighbors = 0; 
if (board[x-1][y-1] == 


) neighbors++; 最 顶 行 的 邻居 
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if (board[x ][y-1] == 1) nelighbors++， 
if (board[x+1][y-1] == 1) neighbors+t+; 


If (board[x-1][y] == 1) neighborst+t+; 中 间 的 邻居 (不 包括 自身 ) 
if (board[x+1][y] == 1) neighborst+t+; 
if (board[x-1][y+1] == 1) neighbors+t+; 最 底 行 的 邻居 


if (board[x ][y+1] == 1) neighbors++; 
If (board[x+1][y+1] == 1) neighborst+t+; 





如 同 Wolfram CA ,上 面 的 实现 方式 在 教学 方面 非常 有 用 , 它 让 我 们 看 到 了 每 一 个 计算 步 又 人 
次 找到 一 个 状态 为 1 的 邻居 ， 就 递增 计数 器 )。 但 是 ,“ 如 果 细 胞 状态 等 于 1， 则 让 计数 器 加 1” 和 
“计数 需 加 上 细胞 状态 ”这 两 种 描述 是 等 价 的 ， 只 是 后 者 比 前 者 更 巧妙 。 毕 竟 ， 如 果 细 胞 只 有 0 
和 1 两 个 状态 ， 所 有 邻居 细胞 状态 的 和 就 等 于 “活着 ”的 邻居 的 总 数 。 由 于 邻居 处 在 一 个 3 x 3 的 
网 格 内 ， 我 们 可 以 把 这 一 步 放 到 男 一 个 循环 中 。 


for (int i = -1; i <= 1; i++) { 
for (int j = -1; j <= 1; j++) { 
neighbors += board[x+i][y+j]; 将 所 有 邻居 的 状态 相 加 
} 
} 


上 面 的 代码 中 有 一 个 错误 ,在 生命 游戏 中 ,细胞 并 不 是 自己 的 邻居 。 因 此 我 们 应 该 加 一 个 条 
件 判断 语句 : 如 果 旗 机 同时 等 于 0， 则 跳 过 当前 邻居 ; 但 还 有 另 一 种 方案 ， 就 是 在 结束 循环 时 再 减 
去 上 自身 的 状态 。 

neighbors -= board[x][y]; 减 去 自身 的 状态 ， 我 们 不 想 把 自身 也 包括 在 内 

最 后 ， 一 旦 知道 “活着 ”邻居 的 总 数 ， 我 们 下 一 步 要 做 的 就 是 确定 细胞 的 新 状态 ， 也 就 是 实 
现 生命 游戏 的 规则 : 新 生 、 和 死亡 或 者 静止 。 


if ((board[x][y] == 1) && (neighbors < 2)) { 如 果 细 胞 活着 ， 但 活着 的 邻居 少 于 两 个 ， 它 就 因 阪 
独 而 死去 





next[x][y] = 0; 


else if ((board[x][y] == 1) & (neighbors > 3)) { 如 果 细 胞 活着 ,但 活着 的 邻居 多 于 3 个 ， 它 就 因为 个 
体 过 剩 而 死亡 
next[x][y] = 0; 


else if ((board[x][y] == 0) && (neighbors == 3)) { 如 果 细 胞 的 状态 为 死亡 ,但 它 有 3 个 活着 的 邻居 ， 则 
重生 
next[lxllvi = 
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eLse { 其 他 情况 下 ， 细 胞 的 状态 保持 不 变 
next[x][y] = board[x][y]; 
} 
把 以 上 代码 合 在 一 起 : 
int[][] next = new int[columns][rows]; As 
for (int x = 1; x < columns-1; x++) { 遍历 所 有 细胞 ， 但 跳 过 边缘 细胞 
for (int y = 1; y < rows-1 y++) { 
int neighbors = 0; 将 所 有 邻居 的 状态 相 加 ， 计 算 活 着 的 邻居 数量 
for (int i = -1; i <= 1; i++) { 
for (int j = -1; j <= 1; j++) { 
neighbors += board[x+i][y+]j]; 
} 
} 
neighbors -= board[x][y]; 减 去 自身 状态 
生命 游戏 规则 
if ((board[x][y] == 1) AS (neighbors < 2)) next[x][y] = 0; 
else if ((board[xl[y] == 1) SA& (neighbors > 3)) next[xl[y] = 0; 
else if ((board[xl[y] == 0) SA (neighbors == 3)) next[xj[y] = 1; 
else next[x][y] = board[x][y]; 
} 
} 
board = next; next 数 组 变 成 了 当前 状态 


下 一 代 状 态 计算 完成 后 , 我 们 就 可 以 用 之 前 的 方法 绘制 生命 洲 戏 一 一 黑色 方块 代表 “ 活 看 ”， 


日 色 方 块 代表 “死亡 





示例 代码 7-2 ”生命 游戏 


for ( int i = 0; i < columns;i++) { 
for ( int j = 0; j < rows;j++) { 如 果 状 态 =1， 就 绘制 黑色 方块 
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If ((board[i][j] == 1)) fill(0); 


else fill(255); 如 果 状 态 为 0， 就 绘制 白色 方块 


stroke(0); 


rect(i*w, j*w, WwW, Ww); 


练习 7.6 
请 创建 这 样 的 生命 游戏 模型 ， 让 你 可 以 手动 地 配置 或 用 特定 的 已 知 模式 配置 网 格 。 


请 实现 “环绕 ”的 生命 游戏 模型 ， 让 相反 边界 的 细胞 互 为 邻居 。 


练习 7.8 


尽管 上 面 的 解决 方案 很 方便 ,但 在 内 存 使 用 上 不 够 高 效 ， 因 为 它 在 每 一 帧 都 会 创建 一 个 新 的 
二 维 数组 ! 对 于 Processing 有 桌面 程序 ， 这 么 做 并 不 会 很 大 的 问题 ; 但 如 果 在 移动 设备 上 运行 
这 段 程序 ， 你 就 要 小 心 了 。 对 此 有 一 种 解决 方案 ， 即 只 创建 两 个 数组 ， 在 运行 过 程 中 替换 它 
们 ， 把 新 的 状态 写 入 当前 没 用 到 的 数组 。 请 你 实现 这 一 方案 。 





7.8 面 问 对 象 的 细胞 实现 


在 前 6 革 的 课程 中 ， 我 们 一 步 步 创 建 了 很 多 示例 程序 ， 这 些 程 序 部 是 由 对 条 组 成 的 系统 ， 其 
中 的 对 象 具有 运动 相关 特性 。 在 本 革 , 虽然 我 们 一 下 把 “细胞 ”当成 对 象 ， 实际 上 却 没 有 在 代码 
中 使 用 任何 面向 对 象 技术 (除了 描述 整个 CA 系统 的 CA 类 )。 由 于 细胞 的 构造 足够 简单 〈 仅 仅 是 一 
个 比特 )， 因 此 程序 可 以 用 这 种 方式 顺利 地 实现 。 但 在 后 面 的 工作 中 ,我们 将 为 CA 系统 添加 一 些 
扩展 特性 ， 其 中 很 多 都 涉及 细胞 的 多 个 属性 ， 比 如 : 让 细胞 记 住 最 近 的 10 个 状态 ; 在 CA 系统 中 
加 入 运动 和 物理 学 特性 ,让 细胞 能 在 屏幕 中 移动 , 在 每 一 帧 里 动态 地 改变 它 的 邻居 。 请 问 ， 这些 
特性 该 如 何 实 现 ? 

为 了 实现 上 述 〈 或 更 多 ) 的 需求 ， 我 们 应 该 把 细胞 当成 具有 多 种 属性 的 对 象 ， 而 不 仅仅 是 0 
或 1。 接 下 来 我 们 要 重新 实现 生命 游戏 的 模拟 。 前 先 要 把 : 


int[][] board; 
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蔡 换 成 : 

Cell[][] board ; 
这 里 的 Cell 是 一 个 类 , 下面 我 们 将 实现 这 个 类 。 一 个 细胞 对 象 有 哪些 属性 ?在 本 例 中 , 每 个 细胞 
都 有 一 个 位 置 和 大 小 ， 当 然 还 有 状态 。 


class Cell { 





float x,y; 位 置 和 尺寸 
float w; 
int state; 细胞 的 状态 是 什么 ? 








在 非 面 向 对 和 象 版 本 中 , 我 们 用 两 个 不 同 的 二 维 数组 存放 当前 和 下 一 代 的 状态 。 用 对 和 象 表示 细 
胞 后 ,每 个 细胞 可 以 同时 保存 这 两 个 状态 。 因 此 ,我 们 希望 细胞 能 记 住 之 前 的 状态 ( 在 计算 新 状 
态 之 前 )。 


int previous; 之 前 一 代 的 细胞 状态 是 什么 ? 


这 让 我 们 能 将 更 多 状态 变化 信息 可 视 化 。 比 如 , 我 们 可 以 对 状态 发 生变 化 细胞 赋予 不 同 的 颜 
色 ， 如 以 下 代码 所 示 : 





示例 代码 7-3 面向 对 象 的 生命 游戏 
void display() { 
if (previous == 0 && state == 1) fill(0,0,255); 如 果 细 胞 重生 ， 涂 上 蓝 色 1 
else if (state == 1) fill(0); 


else if (previous == 1 AR state == 0) fill(255,0,0) 
else fill(255); 如 果 细 胞 死亡 ， 涂 上 红色 |! 


rect(x, y, w, w); 


} 
剩 下 的 代码 (在 现 有 需求 下 ) 不 需要 进行 太 多 改动 。 我 们 仍然 需要 对 邻居 细胞 计数 ,不 同 的 
: 在 遍历 二 维 数 组 的 过 程 中 ， 本 例 要 引用 对 象 状态 变量 。 











Pf 和 0 
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for (int x = 1; x < columns-1; x++) { 
for (int y = 1; y < rows-1; y++) { 
int neighbors = 0; 
for (int i = -1; i <= 1; i++) { 
for (int j = -1; j <= 1; j++) { 
neighbors += board[x+i][y+j].previous; 使 用 之 前 的 状态 统计 邻居 的 存活 数量 


} 
} 
neighbors - = board[xl[y] .previous,; 
调用 newState ( ) 函数 将 新 状态 赋 给 每 个 细胞 
if ((board[x]j[y].state == 1) A& (neighbors < 2)) board[x][y].newState(0); 
else if ((board[xl[y].state == 1) AQ (neighbors > 3)) board[x][y].newState(0); 
else if ((board[xl[y].state == 0) AQ (neighbors == 3)) board[x][y].newState(1); 


否则 ， 什 么 也 不 做 


7.9 传统 CA 的 变化 


现在 , 我 们 已 经 介绍 了 一 维 、 二 维 细 胞 目 动机 背后 的 基本 概念 、 算 法 和 编程 拉 术 ， 下面 轮 到 
你 去 思考 如 何在 这 些 基础 上 开发 有 创意 的 CA 应 用 。 在 本 市 ， 我 们 将 讨论 CA 特性 扩展 的 思路 。 你 
可 以 在 本 书 的 官方 网 站 找到 本 扩 相 关 练 习题 的 解 管 。 


(1) 非 和 矩形 网 格 ”没有 理由 让 你 只 用 矩 形 网 格 表示 CA 中 的 细胞 。 如 果 用 其 他 形状 表示 CA 中 
的 细胞 ， 效 果 会 是 怎样 的 ? 

















练习 7.9 
试用 以 下 的 六 角形 网 格 创 建 CA， 每 个 细胞 都 有 6 个 邻居 。 


-os Ex7 09 _ HexagonCells 
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(2) 概率 性 ”CA 的 规则 不 一 定 会 产生 确定 的 结果 。 
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练习 7.10 


用 以 下 规则 重新 实现 生命 游戏 。 
个 体 过 剩 : 如 果 细 胞 有 4 个 或 更 多 的 活 者 的 邻居 ， 那 么 它 有 80% 的 概率 会 死亡 。 
孤独 ;如 果 细 胞 有 一 个 或 更 少 的 活着 的 邻居 ， 那 么 它 有 60% 的 概率 会 死去 。 





(3) 连续 的 ”在 前 面 的 例子 中 ， 细胞 的 状态 只 可 能 是 0 或 1， 假如 它 的 状态 是 介 于 0~1 的 
浮 点 数 呢 ? 


练习 7.11 


改写 Wolfram 初级 CA 模型 ， 让 细胞 的 状态 是 一 个 浮 点 数 。 你 可 以 定义 这 样 的 规则 : “如 果 
e 0 0 





(4) 图 像 处 理 ”我 们 在 之 前 简略 地 接触 过 这 一 点 ,但 是 大 部 分 图 像 处 理 算法 和 CA 规则 是 类 
似 的 。 模糊 化 图 像 就 是 根据 邻居 像素 的 平均 值 创建 新 像素 。CA 规 则 可 以 用 于 模拟 墨水 在 
纸 上 的 浸 散 效果 及 图 像 的 水 纹 效果 。 











练习 7.12 


创建 这 样 的 CA: 用 每 个 像素 表示 单个 细胞 ， 像 素颜 和 色 等 于 细胞 状态 。 











(5) 历史 性 ”在 面向 对 象 的 生命 游戏 程序 中 ， 我 们 分 别 用 两 个 变量 表示 细胞 的 当前 状态 和 前 
一 代 状 态 。 如 采 你 用 一 个 数组 存放 细胞 的 状态 历史 ， 会 有 怎样 的 新 特性 ”事实 上 ， 这 种 
思路 毅 用 于 开发 “复杂 目 适 应 系统 ”， 它 能 从 历史 学 习 中 不 断 适 配 和 改变 规则 。 我 们 会 在 
第 10 章 看 到 这 样 的 示例 : 神经 网 络 。 





2 可 古人 | 
使 用 以 下 可 视 化 方式 显示 生命 游戏 : 根据 活着 或 死亡 的 时 间 对 细胞 着 色 。 你 也 可 以 让 细胞 的 


状态 影响 规则 。 
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(6) 移动 细胞 上 述 基础 示例 中 ， 细 胞 在 网 格 中 的 位 置 是 固定 的 ， 但 是 你 也 可 以 创建 这 样 的 
CA: 细胞 的 位 置 不 是 固定 的 ， 它 可 以 在 屏 禹 上 移动 。 


练习 7.14 


将 CA 的 规则 加 入 上 一 章 的 群集 系统 : 每 个 Boid 对 象 都 有 一 个 状态 ( 可 能 会 影响 它 的 转向 
行为 )， 在 对 象 移动 的 过 程 中 ， 随 着 邻居 之 间 的 距离 发 生变 化 ， 它 们 的 状态 也 会 发 生变 化 。 








(7) 许 套 复杂 系统 还 有 一 个 特性 ， 即 系统 之 间 可 以 互相 册 套 。 我 们 的 现实 世界 就 具有 这 样 
的 特性 ， 城 市 是 由 人 组 成 的 复杂 系统 ， 人 是 由 器 官 组 成 的 复杂 系统 ， 器 官 是 由 细胞 组 成 
的 复杂 系统 …… 


练习 7.15 


设计 这 样 的 CA: 每 个 细胞 都 是 一 个 更 小 的 CA，, 或 是 由 Boid 对 和 象 组 成 的 群集 系统 。 





生态 系统 项 目 

第 7 步 练习 

把 细胞 自动 机 应 用 到 你 的 生态 系统 中 ， 你 可 以 按照 以 下 思路 进行 。 

口 为 每 个 生物 赋予 一 个 状态 。 思 考 如 何 让 这 个 状态 驱动 它 的 行为 ， 并 按照 CA 的 思想 , 根据 
周围 邻居 的 状态 改变 自身 的 状态 。 

口 把 整个 生态 系统 世界 当 作 一 个 CA， 生 物 从 某 个 方块 区 域 移 动 到 另 一 个 区 域 ， 每 个 区 域 都 
有 自己 的 状态 一 一 陆地 、 水 或 食物 。 

口 用 CA 产生 的 图 委 设 计生 物 外 形 。 





“病态 的 怪物 ! 恶 怖 的 数学 家 在 晰 叫 ， 它 们 每 个 在 我 眼 里 都 是 刺 

我 讨厌 皮 亚 诺 空间 和 科 赫 曲线 

我 害怕 康 托 尔 三 分 点 集 

谢 尔 宾 斯 基 热 片 让 我 想 哭 泣 

一 百 万 英里 之 外 有 一 只 蝴蝶 在 启动 翅膀 

在 寒冷 11 月 的 菜 一 天 ， 一 个 叫 曼 德 博 的 人 出 生 了 ” 

Jonathan Coulton,， “Mandelbrot Set” 歌 词 








高 中 时 ， 我 们 神学 过 一 门 名 叫 《 几 何 学 》 的 诗 程 。 在 这 门 读 中 , 我们 学 习 了 一 维 、 二 维 及 三 
维 空间 中 的 各 种 形状 ， 此 外 还 学 习 了 圆周 长 、 窍 形 面积 、 点 和 线 之 间距 离 的 求解 。 回 顾 本 书 前 面 
的 内 容 ， 我 们 一 eg 此 类 几何 问题 一 般 称 作 欧 
几 里 得 几何 ， 以 和 希腊 数学 家 欧 几 里 得 的 名 字 命 


oO 口 一 调和 


正方 形 办 电 
图 8-1 














本 书 的 目的 是 模拟 大 自然。 对 此 , 我 想 提出 一 个 问题 : 仅仅 用 欧 几 里 得 几何 能 否 完美 地 描述 
这 个 世界 ” 毫 无 疑问 ， 你 面前 的 LCD 屏 幕 是 一 个 矩形 ， 早 上 吃 的 李子 是 圆 形 的 。 但 如 果 转 头 看 看 
路 边 的 大 树 、 树 上 的 叶子 、 雷 暴 中 的 内 电 、 上 晚餐 食 用 的 西 兰花 、 喘 体内 的 血管 ， 以 及 纽约 的 山 湖 
线 和 海岸 线 …… 你 会 发 现 大 目 然 的 大 部 分 物体 都 不 能 用 理想 的 欧 几 里 得 几何 形状 表示 , 因此 人 简单 
的 形状 如 eLLipse() 、rect() 和 Line() 已 经 无 法 满足 需求 ， 我 们 需要 用 更 复杂 的 网 案 构建 运算 
化 设计 模型 。 本 草 我 们 主要 学 习 目 然 几 何 育 后 的 概念 和 模拟 技术 ， 也 就 是 分 形 。 
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8.1 什么 是 分 形 


术语 分 形 ( 源 目 拉丁 文 ffactus， 和 意思 是 “破碎 ”) 是 数学 家 本 华 : 曼 德 博 ( Benoit Mandelbrot ) 于 
1975 年 提出 的 。 在 他 的 《大 自然 的 分 形 几 何 》( The Fractal Geometry of Nature ) 中 , 分 形 被 定义 为 “一 
个 粗糙 或 零碎 的 几何 形状 ， 可 以 分 成 数 个 部 分 ， 且 每 一 部 分 都 是 整体 缩小 后 的 形状 ( 至 少 近 似 》。 























图 8-2 ”最 知名 且 最 具 代 表 性 的 分 形 图 案 是 以 曼 德 博 的 名 他 命名 的 ， 也 就 是 上 图 的 曼 德 博 集 合 。 
曼 德 博 集 合 是 由 复 二 次 多 项 式 迷 代 生成 的 。 有 一 个 经 典 的 数学 论题 ， 曼 德 博 集合 到 上 的 是 
无 穷 的 ， 还 是 有 界限 的 ?” 这 种 “逃逸 时 间 ” 算 法 和 本 章 所 讲 的 递归 技术 比 起 来 ， 实 用 性 
较 低 。 但 是 ， 本 书 的 代码 示例 还 是 包含 了 生成 曼 德 博 集合 的 例子 


























证 我 们 用 两 个 简单 的 例子 解释 分 形 的 定义 。 首 先 ， 思 考 树 形 分 文 结构 (后面 我 们 将 用 代码 实 
现 它 ): 


网 8-3 


注意 ， 在 图 8-3 中 每 一 个 树枝 的 末尾 部 会 分 出 两 个 树 梳 ， 而 这 些 树枝 的 末尾 也 有 两 个 树枝 ， 
如 此 一 下 延续 。 假 如 我 们 从 树 上 取 下 一 个 树 权 ， 然 后 检查 它 的 形状 ， 会 发 现 什 么 ? 


有 
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仔细 看 上 面 的 树 术 ,我们 发 现 它 的 形状 和 整 哥 树 类 似 。 这 就 是 曼 德 博 所 说 的 自 相似 ,每 一 部 
分 都 是 “整体 缩小 后 的 形状 ”。 

上 面 这 棵 树 是 对 称 的 ,而且 每 个 部 分 部 是 整体 的 复制 品 ,但 分 形 不 一 定 是 完美 的 目 相 似 图 形 。 
请 看 下 面 的 这 幅 股 票 行情 图 ( 取 自 苹果 公司 的 股票 数据 )。 














图 8-5 ”图 A 
图 8-6 图 B 





在 上 面 两 幅 图 中 ，x 坦 代表 时 间 ，)7 辑 代表 股票 价格 。 我 故意 省 略 了 坐标 轴 的 标题 。 股 票 行情 
图 就 是 一 种 分 形 图 , 因为 它 在 任何 时 间 矿 度 上 看 起 来 都 是 一 样 的 。 不 看 标题 ， 你 无 法 知道 它 到 撒 
是 一 年 的 数据 , 还 是 一 天 的 数据 , 或 是 一 个 小 时 的 数据 。( 顺便 说 一 下 , 图 A 是 6 个 月 的 行情 数据 ， 
而 图 B 是 图 A 中 一 小 部 分 的 放大 图 ， 显 示 的 是 6 小 时 的 行情 。) 




















图 8-7 本 


这 就 是 随机 分 形 的 一 个 例子 ,随机 分 形 指 的 是 根据 概 座 和 随机 性 构建 的 分 形 。 不 同 于 确定 性 
的 树 形 结构 ,随机 分 形 只 是 在 数据 上 有 目 相 似 的 特性 。 在 本 书后 面 的 例子 中 ,我们 会 同时 学 习 分 
形 图 和 案 构建 背后 的 确定 性 和 随机 性 技术 。 

尽管 日 相似 是 分 形 的 重要 特征 ,但 你 需要 认识 到 , 单纯 的 目 相 似 并 不 能 构成 分 形 。 一 条 下 线 
也 具有 目 相 似 的 特征 , 它 在 任意 顷 放 尺度 下 看 起 来 都 是 一 样 的 , 而且 可 以 看 成 是 由 无 数 短 二 线 构 
成 的 , 但 百 线 并 不 是 分 形 。 分 形 的 特点 是 在 小 六 度 下 也 有 精细 的 结构 (继续 缩放 股市 行情 图 ,你 
还 是 会 发 现 数据 的 波动 ) 而 且 这 个 结构 不 能 用 欧 氏 几何 措 述 。 如 有 果 你 可 以 说 “这 是 一 条 直线 ! ”， 
那么 这 驶 不 是 一 个 分 形 。 

分 形 几 何 的 为 一 个 基本 要 素 就 是 说 归 。 分 形 都 有 一 个 递归 定义 , 在 学 习 分 形 的 开发 技术 和 代 
码 示 例 之 前 ， 我 们 有 要 先 学 会 递归 。 
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8.2 递归 


让 我 们 从 分 形 在 现代 数学 的 第 一 次 之 相 中 讨论 递归 的 概念 。1883 年 , 德国 数学 家 格 奥 尔格 康 
托 尔 开发 了 一 套用 于 构建 无 穷 集 合 的 简单 规则 。 








(从 一 条 线段 开始 

CGO) 去 除 线段 中 间 的 1/3 

G) 对 剩余 的 线段 不 断 重复 步骤 (2) os sr 
图 8-8” 康 托 尔 集 


这 套 规则 有 一 个 反馈 回路 。 把 一 条 线段 分 成 两 条 线段 ,把 得 到 的 线段 再 分 成 两 条 ,最终 将 得 
到 4 条 线段 。 再 将 同样 的 规则 作用 在 这 4 条 线段 上 ， 你 会 得 到 8 条 线段 。 这 种 连续 地 在 结果 上 重复 
应 用 某 个 规则 的 过 程 就 称 为 递归 。 康 托 尔 十 分 关心 无 数 次 作用 规则 后 产生 的 结果 。 但 我 们 只 关心 
有 限 的 像素 空间 , 通常 会 忽略 无 限 递 归 的 问题 。 因 此 我 们 应 该 用 代码 建立 一 套 有 限 递 归 机 制 ， 而 
不 是 无 限 地 在 结果 上 运用 规则 ( 这 会 让 程序 月 湿 )。 

在 实现 康 托 尔 集 之 前 , 我 们 先 看 看 如 何 用 代码 实现 递归 。 以 下 代码 是 我 们 党 做 的 事 一 一 在 一 
个 函数 中 调用 为 一 个 函数 。 

void someFunction() { 


background(0); 在 函数 SomeFunction( ) 中 
调用 background ( ) 有 鸡 数 

















} 


如 果 我 们 在 函数 中 调用 自身 , 会 发 生 什 么 ?上面 的 someFunction() 浮 数 能 否 调 用 someFun- 
ction() 撒 数 ? 








void someFunction() { 
SomeFunction( ) ， 


} 


实际 上 ， 这么 做 不 仅 是 允许 的 ,而且 还 很 常见 ( 在 康 托 尔 集 的 实现 中 ,这 还 是 必 不 可 少 的 )。 
调用 目 身 的 函数 称 为 递归 函数 , 它 能 有 效 地 解决 未 些 特定 问题 。 东 些 数 学 计算 就 是 用 递归 实现 的 ， 
最 第 见 的 例子 就 是 阶 来 


给 定数 子 n 的 阶 习 ,通常 表示 为 n!， 它 的 定义 是 : 











nl=nx(n—1)x...x3x2x1 
0!=1 
我 们 可 以 用 一 个 for 循 环 计算 阶乘 : 


Int factorial(int n) { 
int f = 1; 
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for (int i = 0; i < n; i+t+) { 使 用 常规 的 循环 计算 阶乘 
= (ep 
} 
return f; 
} 
仔细 观察 ， 你 会 发 现 阶乘 计算 中 一 些 有 趣 的 东西 。 让 我 们 来 看 看 44 和 31: 
4!=4x3x2xl1 
3!=3x2x1 
因此 : 
4!=4x3! 





用 更 一 般 的 方式 表示 ， 对 任意 正 整数 上 ， 都 有 : 
n!l=nx(n—1)! 
1!=1 





1 的 阶乘 被 定义 为 1 乘 以 六 一 1 的 阶乘 














阶乘 的 定义 中 也 包含 阶乘 ? 在 吨 数 中 引用 上 月 身 就 是 递归 的 一 个 例子 。 我 们 可 以 用 调用 目 身 的 
方式 实现 阶乘 函数 。 


int factorial(int n) { 
if (n == 1){ 
return 1; 
} else { 
return n * factorial(n-1); 


} 





这 看 起 来 可 能 很 疯狂 ， 但 它 确 实 能 正常 工作 。 下 图 表示 了 factorial(4) 的 调用 过 程 : 





阶乘 (4) 万 > 


2 
返回 4 x 阶乘 G) 万 ss 
等 于 1 
返回 3 x 阶乘 2) / 


返回 2 x 阶乘 (1) 


、，, 返回 1 
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把 相同 的 规则 作用 在 图 形 上 , 我 们 就 可 以 得 到 一 些 有 趣 的 效果 。 本章 的 示例 将 会 展示 更 多 的 
递归 用 法 。 先 看 看 下 面 这 个 递归 本 数 : 
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示例 代码 8-1 递归 辆 I 


void drawCircle(int x, int y, float radius) { 
ellipse(x, y, radius, radius); 
if(radius > 2) { 
radius *= 0.75f; 


drawCircle(x, y, radius); drawCirctLe() 孔 数 递 归 地 调用 自身 


} 


drawCircte() 上 因数 的 作用 是 根据 传人 的 参数 绘制 一 个 圆 。 在 运行 过 程 中 ， 它 会 调用 自身， 
传人 更 改 后 的 参数 值 ， 产 生 的 结果 是 一 系列 同心 圆 : 每 个 圆 都 在 前 一 个 圆 的 内 部 。 


注意 : 以 上 函数 只 有 在 半径 大 于 2 时 才 会 递归 调用 自己 ， 这 是 关键 点 。 与 循环 类 似 ， 所 有 的 

递归 函数 都 必须 有 一 个 退出 条 件 ! 在 循环 中 , 所 有 的 for 和 whitLe 循 环 必须 包含 一 个 布尔 表达 式 ， 

如 果 计 算 结 果 为 false， 则 退出 循环 。 如 果 没 有 这 个 条 件 ， 程 序 将 陷入 无 限 循环 ， 最 后 朋 沉 。 递 
归 也 是 如 此 ， 如 采 递 归 函 数 不 俘 地 调用 目 身 ， 程 序 的 运行 结 采 就 是 一 个 没有 啊 应 的 窗口 。 


上 面 这 个 递归 圆 程序 比 较 鸡肋 ， 你 完全 可 以 用 更 人 简单 的 循环 实现 它 。 但 是 ， 在 茶 些 场景 
胃 数 会 多 次 调用 目 己 。 在 这 时 候 ， 递 归 的 实现 方式 就 显得 非常 优雅 。 


让 我 们 用 更 复杂 的 方式 实现 drawCircle() 函 数 : 对 于 任意 圆圈 ， 在 它 的 左右 两 边 分别 男 一 
个 半径 减 半 的 圆圈 。 
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示例 代码 8-2 ”两 次 递归 


void setup() { 
size(400,400); 
smooth(); 


void draw() { 
background(255 ) ; 
drawCircle(width/2,height/2,200); 


} 

void drawCircle(float x, float y, float radius) { 
stroke(0); 
noFILL() ; 


ellipse(x, y, radius, radius); 
if(radius > 2) { 


drawCircle(x + radius/2, y, radius/2); 为 了 产生 分 支 效 果 ,， drawCircte() 有 函数 在 两 处 
调用 自己 。 对 每 个 圆 ， 它 的 左右 两 边 分 别 有 一 1 
半径 减 半 的 贺 


drawCircle(x -= radius/2, y, radius/2); 


} 
再 加 上 一 点 代码 ， 我 们 可 以 在 每 个 加 项 部 和 底部 也 加 上 新 闻 。 


a 于 
Ev 


op = 
nd ch El 
mn 器 nr 器 Li Ls rr 
0 i 
中 i 二 二 CE 已 
[一 日 


Li 





示例 代码 8-3 4 次 递归 


void drawCircle(float x, float y, float radius) { 
ellipse(x, y, radius, radius); 
if(radius > 8) { 
drawCircle(x + radius/2, y, radius/2); 
drawCircle(x - radius/2, y, radius/2); 
drawCircle(x, y + radius/2, radius/2); 
drawCircle(x, y - radius/2, radius/2); 


} 
试 春 用 迭代 实现 上 述 程序 一 一 我 打赌 你 不 敢 这 人 么 做 ! 
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8.3 ”用 隶 归 水 数 实 现 康 托 尔 集 


接 下 来 ,我们 要 用 递归 函数 实现 康 托 尔 集 的 可 视 化 。 从 哪里 开始 7 我们 知道 康 托 尔 集 在 开始 
时 是 一 个 线段 。 因 此 ， 我 们 可 以 先 实 现 一 个 用 于 绘制 线段 的 函数 。 


void cantor(float x, float y, float len) { 
line(x,y,x+len,y); 


} 
上 面 的 cantor() 隐 数 在 坐标 (x,y) 处 开始 画 一 个 线段 ,线段 长 度 是 Len。( 假设 线段 是 水 平 的 ) 
因此 ， 如 果 我 们 按 以 下 方式 调用 cantor() 晒 数 : 


cantor(10, 20, width-20); 


就 会 得 到 这 条 线段 : 





图 8-10 


从 康 托 尔 规则 中 可 以 看 出 ， 我 们 需要 去 掉 线 段 中 间 的 113， 剩 下 两 条 线段 : 一 条 线段 从 起 点 
到 1/3 处 ， 另 一 个 条 线段 从 2/3 处 到 终点 。 


0 1/3 0 1/3 


图 8-11 





我 们 要 分 别 绘制 这 两 条 线段 。 我 们 沿 ? 埋 方 回 将 这 两 条 线段 下 移 几 个 像 系 ， 让 它们 显示 在 原 
线段 的 下 方 。 


void cantor(float x, float y, float Len) { 
line(x,y,x+len,y); 


y += 20; 
line(x,y,x+len/3,y); 从 起 点 到 1/3 处 
line(x+len*2/3,y,x+len,y); 从 2/3 处 到 终点 


图 8-12 
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尽管 这 是 一 个 很 好 的 开始 ， 但 重复 地 为 每 个 线段 调用 Line( ) 函数 并 不 是 我 们 想 要 的 实现 方 
式 。 线 段 的 数量 会 很 快 地 增长 , 接 下 来 我 们 要 调用 4 次 Line() 函数 , 再 接 春 是 8 次 , 然后 是 16 次 …… 
for 循 环 细 经 是 我 们 解决 此 类 问题 的 第 用 方法 ,但 壬 试 之 后 你 会 发 现 ， 用 循环 的 方法 解决 这 个 问 
厦 是 非常 复 淋 的 。 在 这 时 候 ， 递 归 束 派 上 用 场 了 ,能 拯救 我 们 于 水 火 之 中 。 

回顾 一 下 我 们 如 何 绘制 第 一 个 条 线段 ， 也 就 是 从 起 点 到 1/3 处 的 线段 : 


line(x,y,x+len/3,y); 


我 们 可 以 把 这 里 的 Line() 蔡 换 成 cantor() 图 数 。 因 为 cantor() 因数 本 来 就 会 在 Ce) 位置 男 
一 条 指定 长 度 的 线段 ! 因此 : 














line(x,y,x+len/3,y); 替换 成 ------- > cantor(x,y,len/3); 
对 于 下 面 的 Line() 函数 调用 ， 也 有 : 
line(x+len*2/3,y,x+len,y); 替换 成 ------- > cantor(x+Len*2/3,y,Len/3) ; 


于 是 ,我 们 丈 有 了 以 下 代码 : 


void cantor(float x, float y, float len) { 
line(x,y,x+len,y); 


y += 20; 


cantor (x,y, Len/3); 
cantor (x+len*2/3,y, Len/3); 
上 


由 于 cantor() 也 数 是 递归 调用 的 ， 在 调用 过 程 中 ， 同 样 的 规则 会 作用 于 下 一 条 线段 ， 再 作 
用 于 下 下 条 线段 …… 别 急 着 运行 代码 , 我们 还 少 了 一 个 关键 元 素 : 退出 条 件 。 我 们 必须 保证 递归 
在 某 个 点 上 能 停 下 来 一 一 比如 线段 的 长 度 小 于 1 个 像素 。 











_8 04 CantorSet 


| | HE | Hl 
相国 图 图 国 国 国 面 本国 国力 国 国 回国 
II IE II IE 有 LI II HE II 有 
WN Nl Wl 人 IN NI 





示例 代码 8-4” 康 托 尔 集 
void cantor(float x, float y, float len) { 
if (Len >= 1) 1 如 果 长 度 小 于 1 个 像素 ， 就 停止 递归 | 


line(x,y,x+len,y); 
y += 20; 





cantor (x,y, len/3); 
cantor (x+len*2/3,y, Len/3); 


练习 8.1 


练习 : 以 drawCircLte() 函 数 和 康 托 尔 集 为 模型 ， 用 递归 产生 你 自己 设计 的 图 形 。 下 面 是 某 
个 示 合 的 截图 。 





8.4 ” 科 赫 曲线 和 ArrayList 技术 


递归 函数 是 构建 分 形 图 案 的 一 种 技术 。 然 而 ， 如 果 你 想 把 上 面 的 康 托 尔 集 变 成 单个 对 象 , 能 
独立 地 移动 ,该 怎么 做 ? 递归 函数 简单 优雅 ,但 它 只 能 产后 图 条 ， 无 法 把 图 条 当 作 对 象 。 有 一 种 
技术 能 让 我 们 在 产生 分 形 图 双 的 同时 ， 还 能 把 图 宁 的 各 个 部 分 当 作对 象 ， 那 就 是 把 递归 和 
ArrayList 结 合 在 一 起 。 

为 了 展示 这 种 技术 ,让 我 们 先 看 看 另 一 个 有 名 的 分 形 图 条 , 它 是 由 瑞典 数学 家 海里 格 . 冯 . 科 
赫 于 1904 年 提出 的 ， 下 面 列 出 了 它 的 规则 。( 它 的 初始 状态 和 康 托 尔 集 一 样 ， 都 是 一 条 线段 。) 





(1) 从 一 条 线段 开始 





(2) 将 线段 分 成 3 个 相等 的 部 分 


G) 以 线段 的 中 间 部 分 为 底 边 ， 画 一 个 
等 边 三 角形 (三 条 边 都 相等 ) 


(4) 去 除 等 边 三 角形 的 底 边 (第 (2) 步 产 有 
生 的 中 间 部 分 ) 


(5) 对 剩余 的 线段 不 断 地 重复 步骤 (2) 一 步骤 (4) 
图 8-13 
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它 的 结果 如 下 : 


站 


图 8-14 


“怪物 ” 曲线 


科 赫 曲线 ( 即 Koch Curve， 和 其 他 分 形 图 案 通 常 被 称 为 “数学 怪物 ”"。 因 为 分 形 经 过 无 数 次 弟 
归 之 后 ， 将 会 出 现 一 个 奇怪 的 悖 论 : 假设 起 始 长 度 是 1， 第 一 次 迭代 后 ， 科 赫 曲 线 的 长 度 将 会 变 成 
原来 的 43 (每 个 线段 的 长 度 都 是 起 始 长 度 的 1/3 ); 再 做 一 次 迭代 ， 长 度 会 变 成 原来 的 16/9; 经 过 
无 数 次 迭代 之 后 ,， 科 赫 曲 线 的 长 度 会 接近 无 穷 大 。 然 而 ,， 它 依然 能 被 这 个 狭小 的 空间 ( 屏幕 ) 容纳 。 


由 于 我 们 工作 在 有 限 的 像素 空间 内 ， 因 此 并 不 需要 考虑 这 个 悖 论 。 我 们 必须 限制 科 替 规则 的 
递归 作用 次 数 ， 以 避免 程序 耗 尽 内 存 或 前 渍 。 


前 面 我 们 用 递归 实现 了 康 托 尔 集 , 在 这 里 我 们 依然 可 以 用 递归 实现 科 赤 曲线。 但 我 们 打算 稍 
稍 改变 其 中 的 实现 方式 : 把 科 赫 曲线 的 每 个 线段 当 作 单独 的 对 象 。 这 么 做 会 增添 很 多 新 的 设计 有 思 
路 ， 比 如 ,我 们 可 以 让 这 些 线段 对 象 单独 移动 ， 参 与 物理 模拟 。 除 此 之 外 , 我们 还 可 以 用 随机 颜 
色 和 线条 宽度 绘制 每 个 线段 对 象 。 

为 了 把 每 个 线段 当 作 单独 的 对 象 ， 我 们 必须 先 设计 这 些 对 象 : 对 象 存 放 了 哪些 数据 ， 以 及 对 
象 有 什么 功能 ? 

科 赫 曲线 是 一 系列 相互 连接 的 线段 。 我 们 打算 用 KochLine 对 象 表示 这 些 线 段 。 每 个 科 赫 线段 
都 有 一 个 起 点 (a ) 和 终点 (b )。 这 些 点 都 是 回 量 对 象 。 其 中 的 线段 可 以 用 Processing 的 Line() 呆 数 
绘制 O 


class KochLine { 


PVector start， 线段 的 起 点 和 终点 
PVector end; 





KochLine(PVector a, PVector b) { 
start = a.get(); 


end = b.get(); 
} 
void display() { 
stroke(0); 
line(start.x, start.y, end.x, end.y); 在 起 点 和 终点 之 间 画 一 条 线段 
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有 了 KochLine 类 之 后 ， 我 们 就 可 以 开始 实现 主 程序 了 。 我 们 需要 用 一 个 数据 结构 存放 曲线 
中 的 KochLine 对 象 ，ArrayList (ArrayList 的 用 法 参见 第 4 章 ) 是 一 个 合理 的 选择 。 

ArrayList<KochLine> lines,; 

setup() 师 数 负责 ArrayList 实 例 的 创建 和 初始 化 。 我 们 应 该 在 ArrayList 中 加 入 一 个 初始 
线段 ， 线 段 从 0 开始 ， 槛 回 贯 穿 Sketch 屏 才 。 


Vold setup() { 
size(600, 300); 


Lines = new ArrayList<kochline>(); 创建 ArrayList 对 象 
PVector start = new PVector(0, 200); 屏幕 的 左边 
PVector end = new PVector(width, 200); 屏幕 的 右边 
lines.add(new KochLine(start, end)); 第 一 个 KochLIne 对 象 


在 draw( ) 图 数 中 ， 我 们 用 一 个 循环 绘制 所 有 的 KochLine 对 和 象 〈 当 前 时 刻 的 状态 )。 


void draw() { 
background(255 ) ; 
for (KochLine L : Lines) { 
Ll.display(); 
} 








这 就 是 代码 框 染 ， 回 顾 一 下 到 目前 为 止 我 们 实现 了 什么 。 


口 KochLine 类 表示 点 A 到 点 B 之 间 的 线段 。 
口 ArrayList ”KochLine 对 象 组 成 的 列表 。 


如 何在 这 两 个 类 的 基础 上 实现 科 赫 规则 和 递归 过 程 ? 


你 还 记得 生命 游戏 中 细胞 自动 机 的 实现 吗 ? 在 生命 游戏 的 模拟 过 程 中 , 我 们 始终 保持 两 个 状 
态 列 表 : > 代 的 细胞 状态 。 在 一 次 迭代 完成 后 ， 我们 就 把 下 一 代 状 态 变 成 当前 代 ， 再 
开始 新 一 代 的 计算 。 本 例 可 以 使 用 类 似 的 技术 ， 用 一 个 ArrayList 跟 踪 当 前 的 KochLine 对 象 集 
(在 程序 开始 时 ， 只 有 一 个 KochLine 对 象 集 )， 用 第 二 个 ArrayList 存 放 由 科 赫 规则 产生 的 新 
KochLine 对 象 。 每 一 个 KochLine 对 银 都 会 产生 4 个 新 的 KochLine 对 象 ,我 们 应 该 把 这 些 新 对 象 放 到 
下 一 代 ArrayList 中 。 当 前 ArrayList 遍 历 完 成 之 后 , 下 一 代 ArrayList 驶 会 成 为 当前 的 ArrayList。 
参见 图 8-15. 


代 人 码 如 下 : 


void generate() { 
ArrayList next = new ArrayList<KochLine>(); 创建 下 一 代 ArrayList 对 象 …… 
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for (KochLine LU : lines) { 对 当前 的 每 一 个 线段 


外。 从 
Pe 
??7?, ?7?7? 
Pe 


new KochLine 添加 4 条 新 线段 (我们 必须 计算 这 些 新 线段 的 位 置 ) 
new KochLine 
new KochLine 


new KochLine 


next ,add 
next ,add 
next ,add 
next ,add 


~ 
~ 


} 


Lines = next; 现在 我 们 只 关心 新 的 ArrayList 


\ 
第 0 代 2 


第 1 代 





通过 一 次 次 调用 generate () 函数 (比如 ， 每 次 鼠标 按 下 时 )， 我 们 递归 地 把 科 赤 曲线 规则 作 
用 在 当前 的 KochLine 对 象 上 。 当 然 ， 上 面 的 代码 并 没有 实现 科 赫 规则 。 科 赫 规 则 将 一 条 线段 分 
解 成 4 条 线段 。 我们 可 以 用 一 些 简 单 的 算术 和 三 角 也 数 完成 计算 。 由 于 KochLine 对 象 用 到 了 癌 量 ， 
此 这 是 一 个 实践 向 量 运 算 的 绝 好 机 会 。 我 们 先 来 找 出 KochLine 对 象 的 分 解 点 。 














图 8-16 


从 上 图 可 以 看 出 ， 为 了 产生 新 的 KochLine 对 象 ， 我 们 需要 找到 5 个 点 (图 中 的 a、b、c、d 
和 e )， 然 后 根据 这 些 点 创建 线段 ( 线段 ab 、cb 、cd 和 de )。 


next ,add(new KochLine(a,b)); 
next ,add(new KochLine(b,c)); 
next ,add(new KochLinel(c,d)); 
next ,add(new KochLine(d,e)); 
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如 何 找到 这 几 个 点 ? 现在 我 们 有 了 KochLine 对 象 ， 何 不 让 它 帮 我 们 计算 这 些 点 


void generate() { 
ArrayList next = new ArrayList<kochLine>() ; 
for (KochLine L : lines) { 


PVector a = 1.kochA(); kochLine 对 象 有 5 个 有 函数， 每 个 函数 都 返回 一 个 根 
PVector b = \.kochB(): 据 科 赫 规 则 产生 的 PVector 对 象 

PVector c = L.kochC() ; 

PVector d = \.kochD(); 

PVector e = L.KkochE() ; 


next ,add(new KochLine(a, b)); 
next ,add(new KochLine(b, c)); 
next ,add(new KochLine(c, d)); 
next ,add(new KochLine(d, e)); 


} 


lines = next; 


} 


现在 我 们 需要 在 KochLine 类 中 实现 这 5 个 水 数 ， 每 个 函数 分 别 返 回 图 8-16 中 的 某 个 点 。 我 们 
先 摘 定 kochA() 函数 和 kochE() 函 数 ， 它 们 分 别 返回 原始 线段 的 起 点 和 终 操 


PVector kochA() { 
return start.get(); get ( ) 马 数 返回 一 个 PVector 副 本 。 在 6.14 节 中 ， 
我 们 提 到 要 尽量 避免 创建 对 象 副本 ， 但 在 本 例 中 ， 
为 了 让 线段 独立 移动 ， 我 们 必须 创建 副本 
} 


PVector kochE() { 
return end .get() ; 


} 


下 面 计算 点 B 和 点 D， 点 B 位 于 线段 的 1/3 处 ， 而 点 D 位 于 线段 的 33 处 。 它 们 的 方向 都 是 由 起 
点 指 回 终点 ， 长 度 分 别 为 原始 线段 长 度 的 113 和 2/3 。 





ey 及 
起 点 终点 / 、\ 
一 @ a 和 -一 -@ 
Ng 
v 除 以 3 
图 ”8-17 


PVector kochB() { 


PVector v = PVector.sub(end, start); 从 起 点 到 终点 的 PVector 向 量 
v.div(3); 将 长 度 缩短 为 1/3 


v.add(start):;: 向 量 加 上 起 点 ， 得 到 新 的 点 
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return v; 


} 


PVector kochD() { 
PVector v = PVector.sub(end, start); 


v.mult(2/3.0); 和 前 面 的 计算 步骤 一 样 ， 但 我 们 需要 移动 2/3 的 长 度 


v.add(start); 
return v; 


} 


点 C 是 最 难 计算 的 。 但 如 朱 你 知道 等 边 三 角形 的 内 角 都 是 60 度 ， 事 全 将 会 变 得 简单 。 我 们 只 
要 将 一 个 1/3 长 度 的 回 量 旋转 60 度 ， 青 从 点 B 沿 着 这 个 癌 量 移动 ， 就 能 得 到 点 C1 














Y 除 以 3， 再 旋 ® 


转 60 度 
起 点 终点 \ 
一 一 一 一 一 一 2 = 一 一 人 60 8 一 -@ 
一 vv 一 一 

cp » 

v 除 以 3 

图 8-18 
PVector kochC() { 

PVector a = start.get(); 从 起 点 开始 


PVector v = PVector.sub(end, start); 


VvV.div(3); 移动 1/3 长 度 到 点 B 
a.add(v); 

v.rotate(-radians(60) ) ， 将 以 上 向 量 旋转 60 度 
a.add(v); 沿 着 这 个 向 量 移动 到 点 C 
return a; 


将 上 述 代码 整合 在 一 起 , 如 有 末 我 们 在 step () 函数 中 调用 5 次 generate () 图 数 , 就 能 得 到 以 下 


_8 05 Koch 





Un 





示例 代码 8-5“ 科 赫 曲 线 
ArrayList<KochLine> lines,; 


void setup() { 
size(600, 300); 
background(255); 
Lines = new ArrayList<KochLine>(); 
PVector start = new PVector(0, 200); 
PVector end = _ new PVector(width, 200); 
Lines,add(new KochLine(start, end)); 


for (int i = 0; i < 5; i++) { 重复 运用 科 赫 规则 5 次 


generate() ; 


练习 8.2 
试 写 程序 绘制 出 科 替 雪花 (或 者 其 他 科 赫 曲线 的 变 体 )， 


Exercise_8 02_KochSnowFlake 





练习 8.3 


试 在 科 赫 曲线 中 加 入 动画 。 举 个 例子 ,你 能 否 从 左 向 右 绘制 科 赫 曲线 ? 能 否 用 不 同 的 视觉 将 
果 显 示 线 段 ? 能 否 用 前 几 音 的 技术 移动 线段 ? 如 果 把 科 赫 曲线 的 线段 做 成 弹簧 ( toxiclibs ) 
或 者 关节 (Box2D )， 该 如 何 实现 ? 


练习 8.4 


请 用 对 象 和 ArrayList 重新 实现 康 托 尔 集 。 
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练习 8.5 


请 用 递归 绘制 谢 尔 宾 斯 基 三 角形 (Wolffam 初等 CA 中 提 到 的 )。 





8.5 树 


到 目前 为 止 ， 我 们 接触 的 分 形 神 是 确定 性 的 ， 也 就 是 说 ， 这 类 分 形 没有 任何 随机 因素 ， 每 次 
运行 都 会 构建 出 相同 的 结果 。 对 于 传统 分 形 和 可 视 化 编程 技术 的 演示 ， 它 们 是 非常 不 错 的 素材 ; 
但 在 模拟 方面 , 它们 过 于 准确 ,不够 贴近 自然 。 在 本 鞋 接 下 来 的 部 分 , 我 想 讨 论 随机 ( 非 确定 性 ) 
分 形 的 构建 技术 。 本 要 模拟 的 是 带 有 分 文 的 树 。 首 先 ， 让 我 们 用 确定 性 分 形 技术 构 建 一 棵 分 形 
树 。 构 建 规则 如 下 : 

(1) 画 一 条 线段 


(2) 在 线段 的 末尾 : (9 癌 左 旋转 ， 画 一 条 更 短 的 线段 ，(b) 辐 右 旋转 ， 画 一 条 更 短 的 线段 
G) 不 断 地 在 新 线段 上 重复 步骤 (2) 





























图 8-19 





再 一 次 ， 我 们 用 递归 方式 构建 了 一 个 分 形 : 树 校 是 一 个 线段 ， 线 段 末 尾 有 两 根 小 树 校 。 


这 个 分 形 的 难点 在 于 它 的 分 形 规则 用 到 了 旋转 , 每 个 新 的 树 校 必须 在 原 树 枝 上 旋转 一 定 的 角 
度 ， 而 原 树 校 也 是 如 此 。 羡 运 的 是 : Processing 专 门 有 一 个 机 制 用 于 管理 旋转 角度 ， 即 变换 矩阵 。 
如 果 你 不 熟悉 pushMatrix() 洱 数 和 popMatrix() 也 数 , 我 建议 你 读 一 下 Processing 在 线 教程 中 的 
“2D Transformations” 文 档 ( http://processing.org/learning/transform2d/ )， 这 个 文档 涵盖 了 本 章 需 
要 的 相关 概念 。 














让 我 们 从 主干 开始 。 由 于 要 涉及 rotate() 了 少数, 我们 必须 在 绘制 过 程 中 不 断 地 沿 看 树枝 平移 。 
主干 是 从 屏 右 的 部 开始 的 ( 如 上 图 所 示 )， 因 此 我 们 要 做 的 第 一 件 事 就 是 平移 到 主干 所 在 的 位 置 。 


translate(width/2,height); 


紧 接着 我 们 要 画 一 根 回 上 延伸 的 线段 ( 如 图 8-20 所 示 ): 











Figure 8 20_Tree 





图 8-20 


line(0,0,0,—-100); 


树干 绘制 完成 后 ,为 了 画 出 它 的 树枝 ,我 们 知 要 平移 到 树干 的 末端 ,然后 进行 旋转 。( 最 后 ， 
我 们 需要 把 这 些 操 作 实 现 为 递归 函数 ,但 在 此 之 前 要 先 梳 理 出 具体 步 又 。 ) 


0 








Se 
(0,0) 《0.0) 
(0,0) 
line(0,0,0,-100) translate(0,-100) rotate(theta) 
图 8-21 





记 住 ， 在 Processing 中 ， 旋 转 始 终 部 是 绕 着 原点 进行 的 。 因 此 ， 我 们 必须 把 原点 平移 到 当前 
树 权 的 来 闯 。 
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transLate(0,-100 ) ; 
rotate(PI/6) ， 
line(0,0,0, -100) 


现在 我 们 已 经 画 好 了 右边 的 树 核 ， 下 面 要 活 加 左边 的 树 校 。 在 回 右 旋转 之 前 ， 我 们 可 以 调用 


pushMatrix() 函数 保存 转换 窍 阵 的 当前 状态 ， 旋 转 完 成 后 再 调用 popMatrix() 手数 恢复 状态 ， 
接着 在 树干 左边 画 树枝 。 以 下 是 全 部 代码 。 





Figure 8 20 _ Tree el Figure 8 20_Tree 





图 8-22 图 8-23 


translate(width/2, height); 

line(0,0,0, -100); 树干 
translate(0, -100); 

pushMatrix(); 

rotate (PI/6); 

line(0,0,0, -100); 右边 的 树枝 
popMatrix(); 


rotate (-PI/6) ; 
line(0,0,0,—100); 左边 的 树枝 


如 果 把 每 个 Line() 隐 数 调用 者 当成 一 根 “ 树 校 ”"， 你 会 发 现 ， 树 校 其 实 是 一 条 线段 ， 线 段 的 
末尾 还 连接 着 两 条 线段 。 我 们 可 以 直接 调用 Line() 函数 产生 更 多 树枝 ， 但 类 似 于 康 托 尔 集 和 科 
赭 曲线， 这么 做 会 让 代码 变 得 复杂 而 牺 重 。 相 反 地 , 我 们 可 以 把 上 述 逻 辑 作 为 递归 函数 的 实现 思 
路 ， 把 其 中 的 Line() 柱 数 调 用 答 换 为 递归 的 branch ( ) 函数 。 下 面 来 看 看 这 种 实现 。 





示例 代码 8-6 ”递归 树 


void branch() { 


line(0, 0, 0, -100); 绘制 树枝 
translate(0, -100); 平移 到 末尾 
pushMatrix(); 

rotate (PI/6): 向 右 旋 转 ， 再 画 新 的 树枝 


branch ( ) ， 


popMatrix(); 


pushMatrix(); 
rotate(-PI/6 ) ; 向 左旋 转 ， 再 画 新 的 树枝 


branch ( ) ; 
popMatrix(); 
} 


在 上 面 的 代码 中 ， 每 个 branch() 孔 数 调 用 的 周围 都 有 成 对 的 pushMatrix() 函数 和 
popMatrix() 涵 数 调用 。 这 种 实现 方式 非常 神奇 。 每 次 调用 branch() 哺 数 之 前 ，pushMatrix() 
呆 数 都 会 事先 记 住 当前 树枝 的 位 置 。 请 把 自己 当 作 Processing， 尝 试 着 用 笔 和 纸 跟 踪 递 归 了 水 数 的 
执行 ， 你 会 发 现 : 程序 首先 画 所 有 右边 的 树 校 ， 当 它 达 到 终点 时 ，popMatrix( ) 因数 会 逐个 恢复 
之 前 每 个 树枝 的 状态 ， 然 后 再 开始 画 左边 的 树枝 。 























练习 8.6 


请 模拟 示例 代码 8-6 中 的 代码 执行 流程 ， 按 照 Processing 程序 对 树枝 的 绘制 顺序 ， 在 上 图 中 
为 每 个 树枝 标 上 序号 。 





以 上 递归 函数 并 不 会 画 出 一 棵 树 ， 因 为 它 没有 退出 条 件 ， 最 终 只 是 陷入 无 限 的 递归 调用 。 你 
可 能 还 会 发 现 , 图 中 树枝 随 着 层 数 的 增加 而 缩短 。 以 下 代码 让 树 术 的 长 度 不 断 缩 得， 一 旦 树 枢 长 
度 小 于 某 个 值 ， 就 停止 递归 。 
void branch(float len) { branch() 闷 数 接 受 一 个 长 度 参 数 
line(0, 0, 0, -len); 
translate(0, -len); 


len *= 0.66; 每 个 树枝 的 长 度 以 2/3 的 倍数 缩短 


if (len > 2) { 


pushMatrix(); 

rotate(theta): 

branch (len); 后 续 的 branch ( ) 调用 必须 传 入 长 度 参 数 
popMatrix() 


pushMatrix(); 
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rotate(-theta) ， 
branch (len); 
popMatrix(); 


} 


我 们 还 加 入 了 一 个 theta (9) 变量 。 有 了 这 个 变量 ,我 们 可 以 在 setup() 和 draw() 函数 中 
站 意 改 变 树枝 之 间 的 夹 角 。 比 如 ， 我 们 可 以 根据 mouseX( 鼠标 横 坐 标 ) 的 位 置 确 定 夹 角 。 


MM 806 Tree AMNT™ 806 Tree AMN®™ 806 Tree 





示例 代码 8-7 递归 树 
float theta; 


void setup() { 
size(300, 200); 


} 

void draw() { 
background(255); 
theta = map(mouseX,0,width,0,PI/2); 根据 鼠标 位 置 选 择 角 度 
translate(width/2, height); 第 一 根 树枝 从 屏幕 底部 开始 
stroke(0); 
branch (60); 


练习 8.7 
请 用 strokewWeight () 函 数 改 变 树枝 的 粗细 ， 把 树干 画 的 最 粗 ， 后 续 的 树枝 则 越 来 越 细 。 


人 HON Ex 8 07_Tree 





练习 8.8 


我 们 还 可 以 用 科 赫 曲线 中 的 ArrayList 技术 生成 这 棵 树 。 请 你 用 树枝 ( branch ) 对 象 和 
ArrayList 重新 实现 本 例 。 提示: 你 需要 用 向 量 保存 树枝 的 方向 和 长 度 , 而 不 是 用 Processing 
变换 抵 阵 。 


练习 8.9 


试用 树枝 对 桨 的 ArrayList 构建 一 棵 树 ， 创 建 完 成 后 ， 请 你 用 动画 模拟 树木 的 生长 。 你 能 
否 在 树枝 的 末端 添加 树叶 ? 





在 分 形 树 中 加 入 一 点 点 随机 性 就 可 以 使 它 的 外 形 更 贴近 日 然 。 查看 一 棵 树 的 外 形 , 你 会 发 现 
每 根 酌 校 的 角度 和 长 度 都 不 相同 ,此 外 ,每 根 树枝 的 分 支 数量 也 不 相同 。 简单 地 改变 树枝 的 角度 
和 长 度 能 市 来 什么 样 的 结果 ?这 很 容易 实现 ， 只 要 在 绘制 时 获取 一 个 随机 数 即 可 。 
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void branch(float len) { 
float theta = random(0, PI/3):; 选择 一 个 随机 数 作 为 树枝 的 角度 


line(0, 0, 0, -len); 

translate(0, -len); 

Len *= 0.66; 

if (len > 2) { 
pushMatrix(); 
rotate(theta ) ; 
branch(Len) ; 
popMatrix(); 
pushMatrix(); 
rotate(-theta ) ; 
branch(Len) ; 
popMatrix(); 





We 
咀 数 的 调用 次 数 。 


branch ( 
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咕 数 。 我 们 可 以 选择 一 个 随机 数 作为 树 校 的 数量 ， 只 逢 改变 


_8 O07 TreeStochastic 





示例 代码 8-8 ”随机 分 形 树 
void branch(float len) { 


line(0, 0, 0, -len); 
translate(0, -len):; 


if (len > 2) { 


int n = int(random(1,4)); 


for (int i = 0; i < n; i++) { 


float theta = random(-PI/2, PI/2); 


pushMatrix(); 
rotate(theta); 
branch(h ) ; 
popMatrix(); 


请 用 Perlin 只 声 算 法 确定 树枝 的 长 度 。 
拟 出 树木 被 风 吹 动 的 效果 。 


随时 间 调 整 


以 随机 的 次 数 调用 branch ( ) 马 数 


每 个 树枝 都 有 随机 的 角度 


练习 8.10 
噪声 值 ， 让 树 有 动画 效果 ， 看 看 你 角 


练习 8.11 


请 用 toxiclibs 模拟 树 的 物理 效果 ， 每 一 根 树枝 都 是 用 弹簧 相连 的 两 个 粒子 ， 在 这 种 情况 下 ， 


pe 让 这 棵 树 几 立 不 倒 ? 
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8.6 上 系统 


1968 年 ， 匈 牙 利 植物 学 家 Aristid Lindenmayer 开 发 出 了 一 套 基于 语法 的 系统 ， 用 于 模拟 植物 
的 生长 模式 。 这 套 系 统称 作 世 系统 ( Lindenmayer 系 统 的 简称 )。 迄 今 为 止 ， 我 们 在 本 草 里 碰 到 的 
所 有 递归 分 形 图 有 宁都 可 以 用 LL 系统 生 成 。 我 们 并 不 豆 欢 用 L 系 统 完成 之 前 做 过 的 工作 ,但 必须 承 
认 它 的 巨大 作用 ， 因 为 它 提供 了 一 种 用 复杂 规则 构建 分 形 结构 的 机 制 。 


为 了 在 Processing 中 创建 L 系 统 的 实例 ， 我 们 需要 下 述 基 础 知识 : (a) 递 归 ; (b) 变 换 和 矩阵; (c) 
字符 串 。 到 目前 为 止 , 我 们 已 经 学 过 递归 和 变换 ， 却 没有 学 过 字符 串 。 本 书 假设 你 了 解 字 符 串 操 
作 的 基础 知识 ,但 如 果 你 对 此 不 熟悉 ， 我 建议 你 看 看 Processing 中 的 有 关 字 符 串 和 文本 显示 的 教 


程 ( http://www.processing.org/learning/text/ )。 
一 个 LL 系统 主要 包括 3 个 元 素 。 


口 字母 表 LL 系统 的 字母 表 由 系统 可 能 出 现 的 合法 字符 组 成 。 比 如 字母 表 “ABC”， 章 思 是 
L 系 统 中 的 任何 “语句 ”( 由 字符 组 成 串 ) 只 能 包含 这 3 个 字符 。 

口 公理 ”公理 是 一 个 语句 ， 用 于 描述 系统 的 初始 状态 。 举 个 例子 ， 对 于 字母 表 为 “ABC” 
的 L 系 统 ， 它 的 公理 可 以 是 “AAA”“B” 或 “ACBAB”。 

口 规则 ” 工 系 统 的 规则 首先 作用 于 公理 ,然后 递归 作用 于 结果 ， 每 次 作用 都 会 产生 一 
个 | 新 的 语句 。 一 个 规则 包括 “前 身 ” 和 “继任 者 ”两 部 分 。 比 如 ， 规 则 “A 一 AB” 的 
意思 就 是 : 把 字符 串 中 的 所 有 “A” 都 蔡 换 成 “AB”。 

让 我 们 从 一 个 非常 简单 的 L 系 统 开 始 。( 这 实际 上 是 Lindenmayer 在 模拟 藻类 后 长 时 用 的 原始 

LL 系统 。) 
字母 表 : AB 


公理 : A 
规则 : (A ”AB) (B ”AI) 



































第 0 代 A 
第 1 代 点 
wr 
| 
第 3 代 ABAAB 
Pa 
第 4 代 ABAABABA 





类 似 于 递归 分 形 ， 我 们 可 以 把 规则 的 应 用 当成 一 次 送 
下 面 讨论 如 何 用 代码 实现 迭代 。 我 们 先 用 一 个 子 
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失 代 。 按 照 这 个 定 
人 符 昌 存储 公理 : 


义 ， 公 理 就 是 第 0 代 。 


-个 完全 独立 的 字符 串 跟 躁 下 一 代 : 





String current = "A"; 
就 像 生命 游戏 和 科 赫 曲线 的 实现 ,我们 要 用 
String next = ""; 


下 一 步 : 把 规则 应 用 于 当前 子 符 串 ， 然 后 把 


for (int i = 0; i < current.length(); i++) { 
char c = current.charAt (i); 


i1f (@ ss "A') 4 
next += "AB".; 
hmelsenmie(ee ee 
next += "A"; 
} 
} 
循环 完成 之 后 ，current 的 值 就 等 于 next。 
current = next; 





为 了 确保 程序 能 正常 工作 ,我 们 把 这 





Lenerotion 总: 中 
Lenerotion 2 BB 
Lenerotion 2 
Genergtion 3 
Lenerotion 4 
Generotion 5: 号 
Lenerotion 避 


Lenerotion 7 
Lenerotiorn 各 


示例 代码 8-9 ”简单 系统 的 语句 生成 


String current = "A"; 


int count = 0; 


void setup() { 


文 些 操 作 放 到 一 个 少数 中 ， 


吉 采 放 到 next 变 量 中 。 


生成 规则 A ”AB 


生成 规则 B = A 








并 在 鼠标 被 按 下 时 调用 该 郴 数 。 





从 公理 开始 


记录 和 迭代 次 数 


println("Generation " + count + ":" + Current ) ; 


} 


void draw() { 


} 


void mousePressed() { 
String next = "",， 





for (int i = 0; i < current.length(); i++) { 遍历 当前 字符 串 ， 生 成 新 字符 串 


char c = current.charAt(i); 
if (c == 'A') { 
next += "AB".; 
} else if (c == 'B') { 
next += "A"; 
} 
} 
current = next; 
COUNt++; 
printLn("Generation " + count + ": " + Current); 


} 

由 于 规则 递归 地 应 用 于 每 一 代 ， 了 字符 串 的 长 度 呈 指数 性 增长 。 在 第 11 代 ， 了 字符 串 共 有 233 个 
字符 ; 到 第 22 代 ， 字 符 的 个 数 就 超过 了 46 000。 尽 管 Java 的 String 类 非常 好 用 ， 但 在 大 字符 串 拼 
接 方面 ， 它 的 效率 非常 低 。String 对 象 是 “不 可 变 ” 的 ， 也 就 是 说 ，String 对 象 在 创建 后 就 无 
法 改变 。 每 次 在 String 对 象 末 尾 添加 内 容 时 ，Java 都 必须 创建 一 个 全 新 的 String 对 象 ( 尽管 你 
用 的 十 同一 个 变量 名 )。 


String s = "blah"; 
Ss += "add some more stuff"; 


在 大 部 分 情况 下 ， 这 并 不 会 有 什么 问题 。 但 我 们 可 以 不 用 复制 这 46 000 个 字符 ! 为 什么 不 用 效 
座 更 高 的 实现 方式 ? 为 了 提高 L 系 统 的 运行 效率 ， 我 们 应 该 使 用 StringBuffer 关 。StringBuffer 
对 字符 串 拼 接 操 作 做 了 特别 的 优化 ， 在 拼接 完成 后 ， 它 也 可 以 被 轻易 地 转化 为 String 对 象 。 


StringBuffer next = new StringBuffer(); 这 个 StringBuffer 对 象 代 表 “ 下 一 代 ” 语 向 























for (int i = 0; i < current.length(); i++) { 
char c = current.charAt(i); 


If (c == 'A') { 
next ,append( "AB"), 用 append ( ) 函数 代替 += 
} else if (c == 'B') { 
next.append("A"); 
} 
} 
current = next.toString(); stringBuffer 可 以 被 轻易 地 转化 回 String 对 象 


你 可 能 会 有 疑问 :“ 为 什么 要 做 这 些 事情 ?本 半 的 内 容 不 是 在 讨论 分 形 图 的 绘制 吗 ? 它们 之 
间 有 什么 关系 ? ”是 的 ， 工 系统 的 递归 特性 和 本 章 的 讨论 确实 有 关 ， 但 问题 是 : 如 何 把 L 系 统 应 
用 到 植物 生长 的 可 视 化 模拟 上 ? 

事实 上 ， 我 们 可 以 把 L 系 统 的 语句 当 作 绘图 指令 。 下 面 用 为 一 个 例子 说 明 其 中 的 工作 原理 。 

字母 表 : A B 


公理 : A 
规则 : (A -= ABA) (B - BBB) 
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我 们 可 以 用 以 下 方式 翻译 L 系 统 的 语句 。 


A: 向 前 画 一 个 线段 
B. 向 前 移动 ， 不 画 任 何 线 段 


来 看 看 每 代 语 句 的 内 容 和 它们 的 可 视 化 输出 。 





第 0 代 : A 
第 1 代 : ”ABA 


第 2 代 : ABABBBABA 
第 3 代 : ABABBBABABBBBBBBBBABABBBABA 


你 是 否 觉得 很 熟悉 ?下 图 是 由 L 系 统 生成 的 康 托 尔 集 : 


A 








ABABBBABABBBBBBBBBABABBBABA 


图 8-25 


“FG+-[]” 是 LL 系统 党 用 的 字母 表 ， 它 的 含义 如 下 。 


画 一 个 线段 ， 然 后 向 前 移动 
向 前 移动 〈 不 画 任 何 线段 ) 
向 右 转 

向 左 转 

保存 当前 的 位 置 
恢复 之 前 的 位 置 


一 一 .| + 


这 种 绘图 框架 通 稼 称 为 “Turtle graphics”( 海 怨 绘图 法 ， 源 目 早 期 的 LOGO 编 程 )。 想 象 你 日 
电脑 屏幕 中 有 一 只 海龟 ， 你 可 以 对 它 下 一 些 命令 : 回 左 转 、 回 左 转 、 画 一 个 线段 等 。 ee 
并 不 会 目 动 以 这 种 方式 工作 ， 但 在 transtLate() 、rotate() 和 Line() 函 数 的 带 助 下 ， 我 们 可 以 
轻易 地 实现 Turtle graphics 引 擎 


可 以 按照 以 下 方式 把 字母 表 翻 详 为 Processing 代 码 。 


: Line(0,0,0,Len); transLate(0,Len) ; 
: translate(0, len); 

: rotate(angle); 

: rotate(-angLe ) ; 

: pushMatrix(); 

: popMatrix(); 











-一 一 | 二 TI 





对 一 个 由 工 系 统 生 成 的 语句 ， 我 们 可 以 明 历 它 的 每 个 字符 ， 按 照 上 述 方式 调用 合适 的 函数 。 


for (int i = 0; i < sentence.length(); I++) { 


char c = sentence.charAt(i); 检查 每 个 字符 


if (c == 'F') { 为 每 个 字符 执行 正确 的 操作 。 我 们 可 以 用 更 简洁 的 
CaSse 语 向 执行 这 些 操作 ， 但 却 用 了 if/else 结 构 ， 
对 初学 者 来 说 ， 它 更 容易 理解 
Line(0,0,Len,0) ; 
transLate(Len,0) ; 





) ; 
} else if (c == 'F') { 
transLate(Len,0) ; 
belsenm 全 一 
rotate(theta ) ; 
站 SGLSSG LT (G = 三) 
rotate(-theta); 
hmelsemmin(ee ee 
pushMatrix(); 
} else if (c == ']') { 
popMat rix(); 
} 
} 
下 面 这 个 示例 程序 展示 了 更 复 淋 的 分 形 结构 ， 对 应 LL 系统 的 定义 如 下 。 
字母 表 : FG+-[] 
公理 : 下 


规则 : F => FF+[+F-F-F]-[-F+F+F] 
本 节 的 随 书 源 代码 实现 了 之 前 提 到 的 所 有 L 系 统 ， 它 的 功能 主要 由 以 下 3 个 类 实现 。 


DRule 类 ”负责 存放 世系 统 规则 的 “前 身 ” 和 “继任 者 ”。 
口 LSystem 类 人 负责 LL 系统 的 迭代 计算 ( 用 到 了 上 面 所 说 的 StringBuffer 类 )。 
口 Turtle 类 ”阅读 L 系 统 产 生 的 语句 ， 执 行 相应 的 绘图 指令 。 











不 想 讲解 这 些 类 的 具体 实现 , 因为 它们 和 本 革 之 前 的 代码 类 似 。 但 我 们 可 以 看 看 这 些 类 
是 。 EE 让 程序 中 的 6 





8_09 Le 


必 人 2 


Wh 
Hen 这 





示例 代码 8-10 工 系 统 


LSystem lsys; 
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Turtle turtle:; 


void setup() { 
size(600,600); 


Rule[] ruleset = new RuLe[1]， 规则 集 由 RULe 对 象 组 成 
ruleset[0] = new Rule('F',"FF+[+F-F-F] ~[—F+F+F]"); 


lsys = new LSystem("F",ruleset); 为 L 系 统 指定 公理 和 规则 集 


turtle = new Turtle(lsys.getSentence(),width/4,radians(25)); 


} Turtle graphics 泻 染 器 的 创建 需要 传 入 给 定语 
甸 、 初 始 长 度 和 选择 角度 
void draw() { 
background(255 ) ; 


translate(width/2,height); 从 窗口 的 底部 开始 


turtle.render(); 


} 


void mousePressed() { 
lsys.generate(); 每 当 和 鼠标 被 按 下 ， 就 产生 一 个 新 语句 
turtle.setToDo(lsys.getSentence()); 


turtle.changeLen(0.5); 缩短 线段 长 度 


练习 8.12 


试 把 LL 系统 中 的 语句 用 作对 象 创建 指令 ， 并 把 创建 后 的 对 象 存 放 到 ArrayList 中 。 用 三 角 
马 数 和 向 量 运算 代替 变换 矩阵 ( 类似 于 科 赫 曲线 的 实现 )。 


练习 8.13 


L 系统 和 植物 结构 方面 的 开山 之 作 The Algorithmic Beauty of Plants 出 版 于 1990 年， 作者 是 
Przemyslaw Prusinkiewicz 和 Aristid Lindenmayer。 这 本 书 是 免费 的 ， 你 可 以 在 网 上 找到 它 

( http://algorithmicbotany.org/papers/#abop ), 书 中 的 第 1 章 描述 了 各 种 复杂 的 工 系统 , 这 些 工 
系统 种 有 各 种 绘图 规则 和 字母 表 。 除 此 之 外 ,本 书 还 描述 了 生成 随机 工 系统 的 方法 。 请 你 按 
照 本 书 描述 的 方式 扩展 L 系统 的 示例 程序 。 





练习 8.14 


在 本 章 中 , 我 们 讨论 了 如 何 用 分 形 算法 产生 可 视 化 图 案 。 然 而 ,分 形 的 作用 不 止 于 此 。 比 如 ， 


在 巴赫 的 大 提琴 组 曲 三 号 中 也 可 以 见 到 分 形 图 条 。 大 卫 : 福 斯 特 ' 华 莱 士 有 一 本 小 说 Infinite 
Jest， 这 本 小 说 的 结构 灵感 也 来 自 于 分 形 。 请 思考 如 何 使 用 本 章 的 例子 产生 音频 或 文本 。 





生态 系统 项 目 

第 8 步 练 习 

把 分 形 应 用 到 你 的 生态 系统 中 ， 可 以 按照 以 下 思路 进行 。 

口 在 生态 系统 中 加 入 外 形 类 似 植物 的 生物 体 。 

口 假如 其 中 某 种 植物 长 得 像 树 , 你 能 否 在 树枝 末尾 加 上 树叶 或 者 花 ? 能 否 模拟 叶子 从 树 上 落 
下 的 效果 (在 风 的 作用 下 ) ? 你 能 否 在 树 上 加 入 一 些 能 被 其 他 生物 采 食 的 果子 ? 

口 设计 一 种 外 形 为 分 形 图 委 的 生物 。 

口 用 工 系统 产生 一 系列 指令 ， 并 用 这 些 指 令 控制 生物 的 移动 和 行为 。 





代码 的 进化 


“生命 是 从 一 无 所 有 的 状态 进化 而 来 的 ， 大 约 100 亿 年 前 ， 字 宙 \ 几 乎 没有 任何 东西 。 
这 是 一 个 惊人 的 事实 ， 而 我 会 极力 地 证 明 这 个 事实 。 
一 一 理 查 德 * 道 金 斯 


让 我 们 回 到 最 开始 的 地 方 ， 当 你 写 第 一 个 Processing 程 序 时 ， 最 先 接触 和 使 用 最 广泛 的 基础 
概念 是 什么 ? 在 我 看 来 是 变量 ,变量 允许 我 们 在 运行 期 存放 和 复 用 各 种 数据 。 当 然 ， 它 并 不 是 什 
么 新 全 事物 ， 我 们 的 Sketch 程 序 已 经 不 是 由 一 两 个 变量 组 成 的 简单 程序 ， 而 是 由 复杂 数据 结构 组 
成 的 程序 ， 这 些 数据 结构 是 一 些 日 定义 类 型 的 变量 ( 对象 )， 同 时 包含 数据 和 功能 。 在 变量 的 带 
助 下 ， 我 们 已 经 实现 了 由 运动 者 、 粒 子 、 小 车 、 细 胞 和 树 构 成 的 模拟 世界 。 

在 本 书 的 示例 程序 中 , 所 有 变量 在 使 用 前 都 必须 初始 化 。 你 可 能 会 用 随机 的 颜色 和 大 小 初始 
化 一 束 粒 子 , 用 相同 的 坐标 初始 化 所 有 小 车 的 位 置 。 除了 用 随机 方法 或 精心 设计 的 方式 为 这 些 变 
量 设置 属性 外 ， 还 可 以 让 卓然 界 中 的 进化 瞧 我 们 做 决定 。 

本 章 将 围绕 以 下 问题 展开 。 我 们 能 否 把 一 个 对 象 的 变量 当 作 DNA? 对 和 象 能 否 产 生 新 对 象 , 并 
把 日 己 的 DNA 传 递 给 下 一 代 ? 是 否 可 以 用 程序 模拟 进化 过 程 ? 

这 些 问题 的 管 案 都 是 肯定 的 ! 毕 葛 ,如 末 不 解决 对 这 种 在 目 然 界 中 发 现 的 最 强大 算法 过 程 的 
模拟 ,我 们 就 无 法 实现 像 照 镜子 一 样 的 目 然 编 码 效 末 。 本 革 人 致力 于 人 研究 生物 进化 背后 的 原理 ,并 
探讨 如 何 用 代码 模拟 这 些 原理 。 


9.1 遗传 算法 : 启发 自 真 实现 象 


有 必要 澄清 一 下 本 章 的 目的 : 我 们 的 目标 不 是 深入 人 研究 遗传 和 进化 的 科学 原理 , 我 们 不 会 研 
究 劳 氏 表 、 核 彰 酸 、 重 白质 合成 、RNA 和 其 他 生物 进化 相关 的 话题 。 相 反 , 我 们 只 讨论 达尔 文 进 
化 论 育 后 的 核心 原理 ， 并 根据 这 个 原理 开发 出 一 套 自 法。 我 们 并 不 在 乎 进化 模拟 是 否 精 确 ， 只 关 
心 进 化 在 软件 中 的 应 用 策略 。 

这 并 不 意味 春 桨 人 人 研究 科学 原理 没有 价值 , 对 这 方面 感 兴趣 的 该 者 ,我 玖 励 你 们 用 更 多 进化 
方面 的 特性 扩展 本 章 的 示例 程序 。 但 为 了 让 示例 程序 易于 理解 ,我 们 只 涉及 基础 ， 其 实 这 些 基础 
也 已 经 足够 复杂 和 有 趣 了 。 
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“遗传 算法 ” 指 的 是 一 种 特定 算法 ， 它 以 特定 的 方式 实现 ， 用 于 解决 特定 类 型 的 问题 。 尽 管 
遗传 算法 是 本 章 的 基础 , 但 我 们 不 会 用 绝对 精确 的 方式 实现 它 ， 因 为 我 们 应 该 多 花 精 力 探索 遗传 
算法 的 创新 用 法 。 本 章 主要 分 为 以 下 三 部 分 (我 们 的 大 部 分 时 间 将 花 在 第 一 部 分 )。 

(1) 传统 遗传 算法 ”我们 从 传统 遗传 算法 开始 。 这 种 算法 用 于 解决 “ 解 空间 过 于 庞大 ， 穷 举 
法 耗 时 过 长 ”的 问题 。 举 个 例子 ， 有 一 个 介 于 1~1 000 000 的 数字 ， 你 要 花 多 少时 间 才 能 
猪 到 这 个 数字 ”如果 用 穷 举 法 ,你 就 要 检查 每 一 种 可 能 : 这 个 数字 是 不 是 等 于 1， 是 不 是 
2， 是 不 是 3? ………… 运气 好 的 话 ， 你 很 快 就 能 猜 到 这 个 数字 ; 如 果 运 气 不 好 ， 你 就 要 从 1 
枚 举 到 1 000 000， 这 肯定 会 耗费 大 量 的 时 间 。 但 如 果 我 能 告诉 你 更 多 的 信息 ， 比 如 猜 的 
数字 是 大 是 小 ,是 有 点 大 ,还 是 非常 大 ; 如 果 能 得 到 每 次 猜测 的 “契合 度 "， 我 想 你 的 猜 
测 肯 定 会 越 来 越 接 近 正 确 答案 ， 解决 问题 的 速度 也 会 更 快 。 也 就 是 说 ， 你 的 答案 可 以 发 
生 进 化 。 

(2) 交互 式 选择 ”实现 传统 遗传 算法 之 后 ， 我 们 会 研究 遗传 算法 在 可 视 化 艺术 方面 的 应 用 。 
交互 式 选 择 指 的 是 事物 (通常 是 由 计算 机 产生 的 图 像 ) 在 用 户 交 互 下 发 生 进化 的 过 程 。 
举 个 例子 ， 你 在 参观 一 家 博物 馆 ， 博 物 馆 的 墙 上 挂 着 几 幅 油画 。 在 交互 式 选 择 技术 的 帮 
助 下 ， 你 只 要 选择 出 最 喜欢 的 画 ， 程 序 就 会 根据 你 的 喜好 自动 产后 〈 或 者 “进化 出 ”) 一 
副 新 画 供 你 欣赏 。 

(3) 生态 系统 模拟 ”如 果 你 去 阅读 人 工 智 能 方面 的 在 线 文档 或 教科 书 ， 通 常会 看 到 关于 传统 
遗传 算法 和 交互 式 选择 技术 的 讲解 。 但 它们 不 会 讲解 如 何在 程序 中 模拟 现实 世界 的 进化 
过 程 。 本 章 的 最 后 将 探索 如 何在 模拟 生态 系统 中 模拟 进化 过 程 。 模 拟 生 态 系统 中 的 对 象 
会 相遇 、 结 合 ， 并 把 基因 传递 给 下 一 代 。 这 种 技术 可 以 直接 应 用 到 每 一 章 最 后 的 生态 系 
统 项 目 中 。 


9.2 ”为 什么 使 用 遗传 自 法 


尽管 计算 机 对 进化 过 程 的 模拟 可 以 追溯 到 20 世 纪 S0 年 代 ， 但 大 部 分 人 认为 当今 的 遗传 算法 
(Genetic Algorithm，GA ) 是 由 密歇根 大 学 的 约 戎 ' 堆 兰 德 教授 座 先 提出 的 。 堆 兰 德 教授 也 是 
Adaptation in Natural and Artifical syste1as 一 书 的 作者 ， 这 本 书 是 GA 人 研究 的 开山 之 作 。 现 在 ， 遗 传 
算法 成 为 了 一 个 更 广泛 的 人 研究 领域 ,， 通 律 称 为 “进化 计算 ”。 

为 了 演示 传统 遗传 算法 , 我 们 以 猴子 为 例 。 注 意 这 些 猴子 并 不 是 我 们 的 进化 祖先 ,它们 只 是 
一 群 虚 构 的 猴子 ， 在 不 断 地 或 击 刍 盘 ， 企 图 痪 出 莎士比亚 的 著作 。 

“无 限 猴子 定理 ”指出 : 一 只 猴子 在 打字 机 上 随意 地 芯 击 按键 ， 在 无 限 次 节 击 后 ， 总 会 打出 
水 士 比 亚 的 全 部 作品 。 这 个 定理 主要 是 为 了 说 明 : 猴子 融 出 莎士比亚 作品 的 概 认 很 低 ， 就 算 这 只 
猴子 源 自 宇宙 大 爆炸 时 期 ， 到 现在 它 也 不 太 可 能 敲 出 莎士比亚 的 《哈姆雷特 六 


假设 这 只 猴子 的 名 字 叫 George，George 用 的 是 精简 版 打字 机 ， 里 面具 有 27 个 按键 : 26 个 字母 
键 加 空格 键 。 因 此 ，George 敲 击 某 个 按键 的 几率 为 1/27。 
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水 士 比 亚 有 一 句 名 言 “to be or not to be thatis the question”( 这 是 “To be, or not to be: that is the 
question” 的 简化 版 )， 这 人 句 话 共有 39 个 字符 。 按 照 引 言 中 的 “事件 概率 ”计算 方法 ，George 敲 
对 第 一 个 字符 的 概率 是 1/27， 毅 对 第 二 个 字符 的 概率 也 是 1/27， 同 时 敲 对 这 两 个 字符 的 概率 是 
1/(27 x 27)。 因 此 ，George 敲 对 整 句 话 的 概率 是 : 


(1/27) 乘 上 39 次 ， 也 就 是 (11/27)” 
敲 对 整 句 话 的 概率 等 于 : 
1 + 66 555 937 033 867 822 607 895 549 241 096 482 953 017 615 834 735 226 163 
事实 已 无 需 说 明 ， 敲 对 一 句 话 已 接近 不 可 能 ， 更 何况 整 部 《哈姆雷特 》 站 就 算 George 是 一 台 
电脑 ， 每 秒 钟 能 随机 输入 100 万 个 单词 ， 如 果 要 让 它 得 到 正确 结果 的 概率 大 于 99% ，George 必 须 


工作 9 719 096 182 010 563 073 125 591 133 903 305 625 605 017 年 。( 注意 ， 字 宙 的 年 龄 仅仅 是 
13 750 000 000 年 。) 


列 出 这 些 庞大 的 数字 并 不 是 为 了 吓 嘱 读者 ,而 是 为 了 证 明 穷 举 法 (随机 列举 所 有 可 能 出 现 的 
句子 ) 并 不 是 一 种 合理 的 宋 略 。 在 遗传 算法 中 ,我 们 也 从 随机 的 句子 开始 ,但 会 通过 一 种 标 拟 进 
化 的 方式 得 到 最 终结 末 。 

值得 一 提 的 是 : 这 个 问题 本 里 ( 输入 “to be or notto be thatis the question”) 就 有 些 充 诬 。 
为 我 们 早 就 已 经 知道 答案 ， 只 需 下 接 打 出 这 个 句子 束 能 完成 任务 。 下 面 这 个 Processing 程 序 就 已 
经 解决 了 这 个 问题 。 


string s = "To be or not to be that is the question"; 
println(s); 


不 过 ,这 个 问题 还 是 有 意义 的 , 它 的 意义 在 于 : 求解 答案 已 知 的 问题 有 助 于 我 们 验证 算法 的 
正确 性 。 一 旦 遗传 算法 成 功 地 解决 了 这 个 问题 , 它 的 有 效 性 就 能 得 到 证 明 。 我 们 就 能 以 更 目 信 的 
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心态 用 它 求 解答 案 未 知 的 问题 。 所 以 ， 第 一 个 示例 的 目的 仅仅 在 于 演示 遗传 算法 的 工作 原理 。 如 
果 GA 算 出 的 结果 和 已 知 结果 相同 ， 也 就 是 得 到 “to be or not to be"， 就 代表 它 已 被 正确 地 实现 。 





练习 9.1 
试 创建 一 个 Sketch 程序 ， 用 它 生 成 随机 字符 事 。 在 后 续 的 这 传 算法 示例 中 ， 我们 也 要 做 同 


样 的 工作 。 测 试 Processing 生成 “cat” 要 花费 多 久 时 间 。 再 改造 这 个 程序 ， 用 Processing 生 
成 随机 的 图 形 。 





9.3 ”达尔 文 的 目 然 选择 


在 研究 遗传 算法 之 前 ， 我 们 要 移 学 习 达 尔 文 进化 学 说 中 的 3 个 基本 法 则 。 如 果 要 正确 地 模拟 
卓然 选择 ， 我 们 必须 同时 实现 这 3 个 要 素 。 


(1) 遗传 子 代 必须 以 某 种 方式 继承 父 代 的 特性 。 如 果 生 物 存活 的 时 间 足 够 长 ， 繁 殖 的 概率 
也 足够 大 ,那么 它们 的 特征 将 会 传递 给 下 一 代 。 
(2) 突变 “种群 的 个 体 具 有 多 种 特征 ， 也 就 是 说 ， 必 须 引 入 突变 的 机 制 保证 个 体 的 多 样 化 。 
举 个 例子 ， 在 某 个 甲虫 种 群 中 ， 所 有 个 体 的 特征 都 是 相同 的 : 它们 有 同样 的 颜色 、 尺 寸 
和 库 展 等 。 如 果 没 有 变异 ， 子 代 将 永远 和 父 代 保持 一 致 ， 新 的 特征 永远 不 会 出 现 ， 种 群 
也 不 会 进化 。 
(3) 选择 ”必须 有 一 种 选择 机 制 : 使 得 种 群 中 的 某 些 个 体能 够 繁殖 ， 把 自己 的 基因 传递 给 下 
一 代 ; 而 另 一 些 个 体 却 没 有 机 会 繁殖 。 这 通常 称 作 “ 适 者 生存 "。 比 如 ， 羚羊 种 群 的 个 体 
经 党 成 为 独子 的 猛 物 。 冷 羊 跑 得 越 快 ， 它 就 越 能 逃 过 儿 子 的 猎 杀 ， 生 存 时 间 越 入 ， 繁 殖 
的 可 能 性 越 大 ,也 就 越 有 可 能 将 日 己 的 基因 传递 给 下 一 代 。 适 者 这 个 术语 有 一 定 的 误导 性 ， 
在 一 般 情况 下 ， 它 指 的 是 更 大 、 更 快 , 或 更 强 。 但 还 有 一 些 例外 ， 自然 选择 会 挑选 一 些 更 
适应 环境 的 生物 特性 , 让 具有 这 些 特性 的 生物 有 更 多 的 生存 和 繁殖 机 会 。 上 自然 选择 并 不 会 
让 某 种 生物 变 得 更 “好 ”( 这 是 一 个 主观 词语 ) 或 在 生理 上 变 得 更 强 。 举 个 例子 ， 对 于 这 
些 下 在 敲 健 盘 的 猴子 ， 更 “ 适 ” 的 个 体 是 那些 能 敲 出 接近 “to be or not to be” 人 句子 的 猴子 。 
下 面 , 我 们 将 以 猴子 打字 的 例子 为 上 下 文学 习 遗 传 算 法 。 算 法 本 身分 为 两 部 分 : 一 组 初始 化 
条 件 ( 也 就 是 Processing 的 setup() 握 数 ) 和 重复 迭代 的 步骤 (Processing 的 draw() 困 数 )， 这 些 
步骤 将 一 直 重 复 执 行 ， 直 到 我 们 得 到 正确 答案 。 


9.4 租 传 算法 ， 第 一 部 分 : 创建 种 群 


继续 猴子 获 键 盘 的 例子 ， 我 们 将 为 此 创建 一 个 由 句子 构成 的 种 群 (“句子 ” 指 的 是 一 个 学 符 
串 )。 这 引出 了 一 个 问题 : 如何 创 建 这 个 种 群 ? 种 群 可 以 用 达尔 文学 说 中 的 突变 法 则 创建 。 举 个 
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简单 的 例子 ,假设 我 们 要 进化 出 “cat” 这 个 单词 ， 现 在 种 群 中 有 3 个 单词 : 

hug 

rid 

坚 无 疑问 ， 这 3 个 单词 存在 一 定 的 多 样 性 。 但 无 论 以 何 种 方式 组 合 它们 ， 都 无 法 得 到 “cat” 
单词 ， 因 为 它们 的 多 样 性 不 足以 进化 出 最 优 的 答案 。 但 如 采 我 们 有 1000 个 单词 ， 每 个 短 霹 痢 是 随 
机 生成 的 , 那么 至 少 存在 几 个 单词 的 第 一 个 、 第 二 个 或 第 三 个 字母 分 别 为 “c”“a” 和 “t”。 也 就 
是 说 ， 大 样本 容易 产生 足够 的 多 样 性 ， 更 容易 生成 目标 短语 ( 在 第 二 部 分 , 我 们 将 引入 为 一 种 提 
高 多 样 性 的 方式 )。 因 此 ， 我 们 可 以 把 第 一 个 步 又 总 结 为 : 











创建 一 个 种 群 ， 用 随机 的 方式 生成 种 群 内 的 个 体 。 


这 就 引入 了 为 一 个 问题 , 个 体 是 什么 ?前 儿 音 的 种 群 个 体 是 图 像 对 象 或 小 车 对 象 ， 而 本 章 却 
有 所 不 同 。 本 章 的 种 群 个 体 拥有 虚拟 的 “DNA”，DNA 是 描述 个 体外 形 和 行为 的 一 系列 属性 (我 
们 称 为 “基因 ”)。 比 如 ， 在 猴子 禹 键盘 的 例子 中 ，DNA 就 是 子 符 串 。 

遗传 领域 有 两 个 重要 概念 : 基因 型 和 表现 型 ， 两 者 之 间 有 重要 区 别 。 基 因 型 ( genotype ) 就 
是 遗传 密码 ,也 就 是 本 例 的 字符 串 ， 它 会 从 父 代 传 给 子 代 ; 表现 型 (phenotype ) 台 是 基因 型 的 表 
达 。 两 者 之 间 的 区 别 天 系 看 遗传 算法 的 实现 。 在 图 形 编 程 中 ,我 们 一 直 在 回答 以 下 问题 ; 你 的 世 
界 是 由 什么 对 象 组 成 的 ,以 及 如 何 设计 这 些 对 和 象 的 基因 型 (存储 对 象 属性 的 数据 结构 ) 和 表现 型 
(你 想 用 这 些 对 象 表达 什么 )。 最 简单 例子 就 是 闫 色 的 显示 : 


基因 型 表现 型 
int c = 255; | | 
int c = 127; | 
int c = 0; 吨 
在 这 里 ， 基 因 型 就 是 数字 信息 ， 每 种 颜色 都 是 一 个 整 型 变量 。 但 数据 的 表达 方式 可 以 是 随意 


的 ,它们 可 以 表达 完全 不 同 的 信息 ， 比 如 以 下 整数 就 表示 线段 的 长 度 。 除 此 之 外 , 它 还 可 以 表示 
力 的 大 小 。 
































相同 的 基因 型 不 同 的 表现 型 〈 线 段 长 度 ) 
int C = 255; 
int c = 127; 
int c = 0; 


在 猴子 敲 键盘 的 例子 中 ， 基 因 型 和 表现 型 并 没有 区 别 。DNA 是 一 个 字符 串 ， 而 DNA 的 表达 
也 是 这 个 字符 串 。 
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最 后 我 们 可 以 结束 第 一 部 分 的 讨论 ， 将 这 部 分 内 容 概括 为 : 


创建 由 N 个 个 体 组 成 的 种 群 ， 每 个 个 体 都 有 随机 的 DNA。 


9.5 ” 偿 传 算法 ， 第 二 部 分 : 选择 

下 面 我 们 将 实现 达尔 文 的 选择 法 则 。 选择 过 程 需要 评估 种 群 个 体 的 适应 度 ， 从 而 选 出 更 适合 
繁殖 的 个 体 。 我 们 可 以 将 选择 过 程 分 为 两 部 分 。 

(1) 评估 适应 度 

为 了 让 遗传 算法 有 效 , 我 们 需要 设计 一 个 适应 度 函 数 。 这 个 函数 会 产生 一 个 描述 个 体 适 应 度 
的 分 值 。 当 然 ， 现 实 世 界 并 不 是 这 么 运作 的 。 在 现实 世界 中 ,生物 并 没有 分 值 ， 它们 只 有 两 种 选 
择 : 生存 或 死亡 。 但 传统 遗传 算法 的 最 终日 的 是 进化 出 最 佳 方案 ， 所 以 它 需 要 用 分 值 衡量 每 一 种 
方案 的 效果 。 

青 一 次 简化 这 个 问题 ， 假 设 我 们 只 想 进 化 出 单词 “cat”。 种 群 中 有 3 个 成 员 :“hut”“car” 和 和 
“box”。“car” 有 两 个 正确 字符 ， 它 的 适应 度 最 高 。“hut” 只 有 一 个 正确 字符 ,“box” 没 有 正确 字 
符 。 因 此 ， 适 应 度 函 数 如 下 : 


直 











适应 度 = 正确 字符 的 数量 








DNA 适应 度 
hut ] 
Car 2 
box 0 
你 可 能 希望 看 到 更 复 森 的 适应 度 函 数 ， 但 对 于 入 门 学 习 来 说 ， 本 例 非 常 合适 。 


(2) 创建 交配 池 

得 到 所 有 个 体 的 适应 度 后 , 我们 就 开始 选择 合适 的 个 体 ， 并 将 它们 放 入 交配 池 。 这 一 步 的 实 
现 方式 有 很 多 种 。 可 以 只 选择 个 体 中 的 精英 :“ 哪 两 个 个 体 的 分 数 是 最 高 的 ? 所 有 后 代 都 将 由 这 
两 个 个 体 繁 殖 出 来 !1” 在 编程 实现 上 , 这 是 最 简单 的 方案 , 但 它 不 符合 多 样 性 原则 。 如 采种 群 (可 
能 由 上 千 个 个 体 组 成 ) 中 的 两 个 个 体 成 了 唯一 的 繁殖 个 体 , 那么 下 一 代 的 多 样 性 就 会 非常 低 ， 这 
会 抑制 种 群 的 进化 过 程 。 也 可 以 扩大 交配 池 中 的 个 体 数量 一 一 比如 , 前 50% 的 个 体 都 能 繁殖 后 代 ， 
也 就 是 说 ， 如 果 有 1000 个 个 体 ， 那 么 前 500 个 能 繁殖 后 代 。 这 种 方案 也 很 容易 实现 ， 但 不 会 产生 
最 优 的 结果 。 在 这 种 情况 下 ,排名 徘 前 的 个 体 的 繁殖 机 会 和 排 在 中 间 的 个 体 一样 。 为 什么 排 在 第 
500 位 的 个 体 有 繁殖 机 会 ， 而 排 在 第 501 位 的 个 体 却 没有 繁殖 机 会 呢 ? 


-种 更 好 的 方案 是 概率 方法 ,我们 称 为 “命运 之 轮 ”( 又 叫 作 “ 赌 盘 ”)。 下 面 我 要 问 你 展示 
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这 种 方法 ,我 们 先 看 一 个 简单 的 例子 。 假 设 种 群 中 有 5 个 个 体 ， 它 们 都 有 自己 的 适应 度 分 值 。 


I 适应 度 
A 3 
B 4 
C 0.5 
D 1.5 
E ] 





首先 , 我 们 要 单位 化 这 些 分 值 。 你 还 记得 向 量 的 曲 位 化 吗 ? 癌 量 的 单位 化 就 是 把 癌 量 的 长 度 
变 为 1。 适应 度 的 四 位 化 束 是 让 分 值 介 于 0~1, 计算 它 在 总 适应 度 中 所 占 的 比例 。 我 们 先 把 所 有 元 
素 的 适应 度 相 加 得 到 总 适应 度 : 


总 适应 度 =3+T4+0.3S+1.$S+1=10 


再 用 每 个 分 值 除 以 总 适应 度 ， 就 能 得 到 单位 化 后 的 适应 上 度 。 


个 体 适应 度 单位 化 适应 度 百分比 表示 
A 3 0.3 30% 
B 4 0.4 40% 
C 0.5 0.05 5% 
D 1.5 0.15 15% 
E 1 0.1 10% 


下 面 ， 我 们 要 开始 实现 命运 之 轮 。 


人 A A 30% 
SA B 40% 
EF (> 5% 
D 10% 
E 15% 
转动 轮 盘 
图 9-2 


转动 这 个 轮 盘 ， 你 会 发 现 B 被 选中 的 概率 最 大 ， 接 下 来 是 A， 然 后 是 D 和 E， 最 后 是 C。 基 于 
概率 的 选择 方法 是 一 种 很 好 的 实现 方式 : 首先 , 它 保证 概率 最 高 的 个 体 有 最 大 的 索 殖 机 会 ; 其 次 ， 
它 并 不 会 减弱 种 群 的 多 样 性 ， 和 精英 选择 的 方式 有 所 不 同 ， 即 使 是 最 低 分 值 的 个 体 〈C ) 依然 有 
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把 基因 传 给 后 代 的 机 会 。 低 分 值 的 个 体 可 能 有 一 些 非常 有 用 的 基因 片段 ， 这 些 片 段 不 能 被 移 除 。 
比如 ， 在 “to be or not to be” 的 进化 过 程 中 ， 可 能 会 出 现 以 下 个 体 。 


A: to be or not to go 
B. to be or not to pi 
C: Xxxxxxxxxxxxxxxxxbe 


你 可 以 看 出 ，A 和 B 是 适应 度 最 高 的 个 体 。 但 是 它们 都 不 是 最 优 解 ， 因 为 它们 的 最 后 两 个 字 
从 部 不 正确 。 人 尽管 C 的 分 值 很 低 , 但 它 最 后 的 基因 搬 段 恰好 是 正确 的 。 因 此 , 尽管 我 们 要 用 A 和 B 
产生 大 部 分 的 后 代 基 因 ， 劫 仍 需要 让 C 有 机 会 参与 索 殖 过 程 。 


9.6 ” 址 传 算法 ， 第 三 部 分 : 繁殖 

现在 我 们 已 经 有 了 选择 父 代 的 策略 , 下面 就 开始 讨论 繁殖 下 一 代 的 方法 , 这 一 步 的 关键 在 于 
达尔 文 的 遗传 法 则 子 代 能 继承 父 代 的 特性 。 繁 殖 的 实现 方式 也 有 很 多 种 。 无 性 繁殖 就 是 一 种 
合理 (并 容易 实现 ) 的 策略 ， 该 策略 用 单个 父 本 复制 出 子 代 个 体 。 但 遗传 算法 的 标准 方法 是 用 两 
个 父 本 索 殖 后 代 ， 有 具体 步骤 如 下 。 

交叉 就 是 根据 双 杂 的 遗传 密码 创建 一 个 子 代 。 拿 猴子 敲 键 盘 举 例 , 假设 我 们 从 交配 池 中 选择 
了 两 个 句子 (如 选择 部 分 所 述 )。 


父 本 A: FORK 
父 本 B: PLAY 


下 面 ,我 们 要 根据 这 两 个 语句 创建 子 代 。 最 直观 的 方法 ( 我 们 称 为 50/50 方 法 ) 就 是 取 A 的 前 
两 个 字符 ， 取 B 的 后 两 个 字符 ， 把 这 两 部 分 拼接 在 一 起 : 























人 人 ~ 


ollY 
EA 
图 9-3 





这 种 交叉 方法 能 进一步 改进 : 我 们 不 一 定 从 每 个 父 本 中 都 各 选 一 半 的 遗传 密码 ,而 应 该 选择 
随机 的 中 间 分 割 点 。 改进 后 , 我们 还 可 能 得 到 “FLAY” 或 “FORY”。 这 种 方法 比 50/50 方 法 更 好 ， 
因为 它 能 提高 子 代 的 多 样 性 。 








图 9-4 ”选择 一 个 随机 的 中 间 点 





还 有 一 种 方式 是 为 子 代 的 每 个 字符 随机 选择 父 代 。 你 可 以 把 它 想象 成 掷 4 次 硬币 : 正面 朝 上 
则 选择 A, 反面 天 上 则 选择 B。 如 此 一 来 , 我 们 就 能 得 到 各 种 结果 , 如 :“PLRY”“FLRK” “FLRY” 
“FORY” CR 





B 
si 0 
UE 
子 代 
图 9-5” 撕 硬币 法 





这 种 方法 产生 的 绪 东 和 选择 随机 中 间 点 法 基本 上 一 样 ; 但 是 如 末 基 因 的 顺序 对 表现 型 有 一 定 
程度 的 决定 作用 ， 你 就 应 该 根据 具体 需求 选择 其 中 的 一 种 方法 。 


(2) 突变 

交叉 过 程 产 生子 代 DNA, 但 还 要 经 历 突 交 过 程 才能 最 终 确 定 。 突 变 是 一 个 可 选 的 过 程 , 某 些 
场景 不 会 涉及 突变 。 根 据 达尔 文 的 进化 学 说 ， 突 变 是 普遍 存在 的 。 在 初始 化 过 程 中 ,我 们 用 随机 
的 方式 创建 种 群 ， 确 保 种 群 有 一 定 的 多 样 性 。 但 在 孕育 第 一 代 时 ， 种 群 的 多 样 性 就 已 经 确定 了 ; 
而 突变 的 作用 就 是 在 进化 过 程 中 不 断 引 入 多 样 性 。 

突变 可 以 用 突变 率 描 述 。 一 个 遗传 算法 可 能 有 5%、1% 或 0.1% 的 突变 率 。 假 设 交 又 完成 后 ， 
某 子 代 个 体 是 “FORY”， 如 果 突 变 率 为 1%， 这 意味 着 每 个 字符 有 1% 的 突变 概率 。 而 字符 怎么 发 
生 突变 呢 ? 在 本 例 中 ， 我 们 把 突变 定义 为 用 一 个 随机 的 字符 蔡 换 原 字符 。1% 是 一 个 很 低 的 突变 
率 ， 对 于 由 4 个 字符 组 成 的 字符 串 来 说 ， 在 大 部 分 时 间 它 都 不 会 发 生 突 变 (确切 地 说 ， 在 96% 的 
时 间 都 不 会 发 生 突变 )。 一 旦 突变 发 生 ， 当 前 字符 就 会 被 蔡 换 成 男 一 个 随机 字符 ( 如 图 9-6 所 示 )。 
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DOEE 


网 9-6 








在 某 些 场景 中 ， 突 变 率 能 显著 地 影响 系统 行为 。 高 突变 率 〈 比 如 ，80% 的 突变 率 ) 会 阻碍 进化 
过 程 。 如 果 大 部 分 子 代 基因 是 随机 产生 的 , 我 们 就 无 法 保证 “合适 ”的 基因 能 频繁 地 出 现在 后 代 中 。 

在 获得 新 种 群 之 前 ， 我 们 会 不 断 地 进行 选择 (选择 两 个 父 本 ) 和 繁殖 ( 交叉 和 突变 ) 操作 。 
一 旦 子 代 种 群 代 奉 了 当前 种 群 ， 我 们 还 会 回 到 之 前 的 步骤 : 再 次 评估 适应 度 ， 再 次 进行 选择 和 
繁殖 操作 。 

到 目前 为 止 ， 我 们 已 经 详细 地 描述 了 迁 传 算法 的 所 有 步 又 ， 接 下 来 ， 我 们 需要 将 这 些 步 又 翻 
详 成 Processing 人 代码。 由 于 前 面 的 描述 有 些 宛 长 , 我们 先 对 此 作 个 总 结 , 把 遗传 算法 分 成 几 个 步骤 。 

SETUP 

第 1 步 : 初始 化 ”创建 由 N 个 个 体 组 成 的 种 群 ， 随 机 确定 个 体 的 DNA。 

LOOP 

第 2 步 : 选择 ”评估 个 体 的 适应 度 ， 创 建交 配 池 。 

第 3 步 : 繁殖 重复 Ni 次 。 

a) 根据 相对 适应 度 ， 概 率 性 地 选择 两 个 父 本 。 

b) 杂交 一 一 结合 父 本 的 DNA， 创 建 出 一 个 “ 子 代 个 体 ”。 

c) 突变 一 一 以 一 定 的 概率 使 子 代 的 DNA 发 生 突 变 。 

d) 将 这 个 子 代 加 入 新 种 群 。 


第 4 步 : 用 新 种 群 替 换 旧 种 群 ， 再 回 到 第 2 步 。 


9.7 创建 种 群 的 代码 














9.7.1 第 1 步 : 初始 化 种 群 

如 采 我 们 要 创建 一 个 种 群 , 首先 要 做 的 就 是 用 一 个 数据 结构 存放 种 群 中 的 个 体 元 系 。 在 大 部 
分 情况 下 《〈 比如 猴子 敲 键盘 的 例子 )， 种 群 的 个 体 数量 是 固定 的 ， 因 此 可 以 用 数组 存放 个 体 (在 
后 面 的 例子 中 ， 种 群 中 的 个 体 数 量 会 发 生变 化 ， 我 们 会 用 ArrayList 实 现 它 )。 数 组 中 应 该 存放 
什么 对 和 象 ? 我 们 还 应 该 用 一 个 存放 基因 信息 的 对 象 表示 个 体 。 它 可 以 称 为 DNA 对 象 : 
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class DNA { 

} 

种 群 就 是 由 DNA 对 和 象 组 成 的 数组 。 

DNA[] population = new DNA[100]; 100 个 DNA 对 象 组 成 的 种 群 


DNA 类 应 该 包含 哪些 内 容 ? 对 于 泌 击 键盘 的 猴子 ，DNA 就 是 它 打 出 来 的 随机 场 句 ， 也 束 是 一 
个 字符 串 。 
class DNA { 


string phrase; 


} 
这 样 的 实现 是 合理 的 ， 但 我 们 不 想 把 String 对 象 用 做 遗传 密码 。 相 反 ， 我 们 想 用 字符 串 数 
组 表示 遗传 密码 。 


class DNA { 


char[] genes = new char[18]; 每 个 “基因 ”都 是 数组 中 的 元 素 ， 我 们 需要 18 个 基 
因 ， 因 为 “to be or not to be” 共 有 18 个 字符 








} 


用 数组 的 好 处 是 : 我 们 可 以 很 方便 地 把 这 些 代 码 扩展 到 其 他 例子 中 。 举 些 例子 : 在 一 个 物理 
系统 中 , 生物 的 DNA 可 能 是 由 回 量 组 成 的 数组 ; 对 于 一 个 图 像 对 象 , 个 体 的 DNA 就 是 整 型 ( RGB 
值 ) 数组 我们 可 以 用 数组 描述 任意 属性 的 集合 。 尺 省 字符 串 非 第 适用 于 本 例 , 但 数组 可 以 作为 
未 来 扩展 的 基础 。 

遗传 算法 要 求 我 们 为 种 群 创建 X 个 个 体 ， 每 个 个 体 的 DNA 都 是 随机 生成 的 。 因 此 ,在 对 象 的 
构造 了 两 数 中 ， 我 们 用 随机 方式 确定 数组 中 的 每 个 字符 。 


class DNA { 
char[] genes = new char[18]; 











DNA() { 
for (int i = 0; i < genes.length; I++) { 
genes[il] = (char) random(32,128); 从 编号 为 32~128 的 ASCII 字 符 中 随机 选择 一 系列 
字符 ，ASCII 相 关 信 息 详 见 : http://en.wiki 
pedia. org/wiki/ASCII 
} 
} 


} 
我 们 已 经 有 了 构造 函数 ， 以 下 代码 初始 化 种 群 数组 中 的 DNA 对 和 象 。 
DNA[] population = new DNA[100]; 


void setup() { 
for (int i = 0; i < population.length; I++) { 
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population[i] = new DNA(); 初始 化 种 群 中 的 每 个 成 员 


} 


DNA 类 根本 没有 完成 。 为 了 执行 遗传 算法 的 其 他 任务 ， 我 们 还 知 要 在 其 中 加 入 更 多 函数 。 下 
面 我 们 将 实现 遗传 算法 的 第 2 步 和 第 3 步 。 














9.7.2 第 2 步 : 选择 


第 2 步 的 内 容 是 “评估 个 体 的 适应 度 ， 创建 交配 池 ”。 我 们 先 来 评估 对 象 的 适应 度 ， 前 面 我 们 
把 正确 字符 的 数量 作为 适应 度 函 数 。 我 想 在 此 进行 一 些 修改 , 用 正确 字符 数量 的 百分比 表示 适应 
度 一 一 适应 度 冰 数 就 是 将 正确 字符 数 除 以 总 字符 数 。 

适应 度 = 正确 字符 的 数量 /总 字符 数 

应 该 在 什么 地 方 计算 适应 度 呢 ”由 于 DNA 类 包含 了 遗传 信息 ( 遗传 信息 就 是 猴子 打出 来 的 语 
句 , 我 们 要 拿 它 和 目标 语句 进行 对 比 ), 我 们 可 以 在 DNA 类 中 添加 一 个 适应 度 评估 子 数 。 假设 目标 
语句 如 下 : 


String target = "to be or not to be"; 


现在 ， 我 们 可 以 根据 目标 字符 串 的 内 容 逐 个 比 对 当前 “基因 ”的 字符 ， 一 旦 获得 正确 字符 ， 
怠 增 加 计数 硕 。 














class DNA 1{ 
float fitness; 在 DNA 类 中 加 入 一 个 适应 度 变 量 
void fitness () { 该 函数 的 作用 是 计算 适应 度 


int Score = 0; 
for (int i = 0; i < genes.Length; i++) { 


if (genes[i] == target.charAt(i)) { 字符 是 否 正 确 
Score++， 如 果 正 确 ， 增 加 分 值 
; 
} 
fitness = float(score)/target. Length(); 适应 度 就 是 正确 字符 的 百分比 


} 
draw( ) 孙 数 的 第 一 步 操 作 束 是 对 每 个 对 象 调用 fitness() 拯 数 。 


void draw() { 
for (int i = 0; i < population.length; i++) { 
population[i].fitness(); 


} 
获得 所 有 个 体 的 适应 度 分 值 后 ， 我 们 就 要 为 繁殖 过 程 创 建 “ 交 配 池 ”。 交 配 池 是 一 个 数据 结 
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构 ， 我们 可 以 从 中 取出 索 殖 所 需 的 双 杀 对 象 。 回 顾 前 面 的 描述 ， 索 殖 过 程 需要 根据 适应 度 计算 概 
率 值 ,然后 用 这 个 概率 挑选 双亲 。 适 应 度 最 高 的 个 体 被 选中 的 概率 最 大 ; 适应 度 较 低 的 个 体 被 选 
中 的 概率 也 较 低 。 

在 “引言 ”部 分 ,我 们 学 习 了 概率 基础 和 目 定 义 分 布 随机 数 的 生成 方法 。 下 面 我 们 将 用 这 些 
技术 为 个 体 分 配 概率 值 ， 然 后 用 “命运 之 轮 ” 的 方法 选择 父 本 。 回 顾 图 9-2: 


父 本 概率 
A A 30% 
> 4 B 40% 
E CG 5% 
人 : 
E 15% 
转动 轮 盘 


图 9-2 (回顾 ) 


模拟 这 个 转盘 可 能 会 非常 有 趣 ， 但 我 们 不 想 把 时 间 花 在 这 里 。 

相反 地 ， 我 们 只 需要 根据 这 5 个 选项 ( ABCDE ) 的 出 现 概率 ， 在 ArrayList 中 填充 不 同 数量 
的 实例 ， 然 后 从 中 选择 父 本 。 也 就 是 说 ,假设 有 一 堆 字 母 ， 其 中 有 30 个 A、40 个 B、5 个 C、15 个 
D 和 10 个 E。 











如 采 你 随机 地 从 中 选择 一 个 字母 , 得 到 A 的 概率 是 30%, 得 到 C 的 概率 是 5%…… 对 本 例 而 言 ， 
字母 集合 就 是 ArrayList，ArrayList 中 的 每 个 字母 都 是 潜在 的 繁殖 个 人体。 因此， 我 们 要 先 根 据 9 
个 体 的 概率 计算 出 现 次 数 W， 然 后 在 ArrayList 中 对 该 个 体 添 加 N 次 。 


ArrayList<DNA> matingPool = new 从 空 的 交配 池 开 始 
ArrayList<DNA> ( ) ; 
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for (int i = 0; i < population.length; i++) { 
int n = int(population[i].fitness * 100); 1 等 于 适应 度 乘 以 100， 是 一 个 介 于 0~100 的 整数 
for (int j = 0; j < ni j++) { 
matingPool.add(population[i]); 在 交配 池 中 将 个 体 添 加 人 次 


练习 9.2 


此 外 ,蒙特 卡 罗 方 法 也 是 一 种 产生 自 定 义 分 布 随机 数 的 方法 。 这 种 技术 需要 选择 两 个 随机 数 ， 
第 二 个 随机 数 用 于 资格 判定 ， 它 决定 第 一 个 随机 数 是 该 保留 还 是 该 丢弃 。 请 用 蒙特 卡 罗 方 法 
重新 实现 交配 池 。 


练习 9.3 


元 素 的 选择 概率 可 能 会 非常 高 。 我 们 来 看 以 下 概率 分 布 。 


这 个 概率 分 布 可 能 会 产生 意 想 不 到 的 结果 ， 它 会 减少 系统 的 多 样 性 。 对 此 ， 我 们 可 以 采用 这 
样 的 解决 方案 : 把 适应 度 分 值 替换 为 个 体 的 排名 。 


A: 50%5 〈376 ) 
B: 33% (2/6) 
C: 17% (1/6) 


用 这 种 方式 重新 实现 交配 池 算 法 。 





9.7.3 第 3 步 : 繁殖 


交配 池 已 经 准备 好 了 ,下 面 我 们 要 开始 新 个 体 的 繁殖 。 首 先 要 选择 双亲 , 我 们 可 以 用 随机 的 
方式 选择 它们 ， 这 符合 生物 繁殖 的 特征 ， 传 统 GA 也 是 采用 这 种 方式 。 但 对 我 们 而 言 ， 选 择 父 本 
并 没有 任何 限制 : 可 以 用 “无 性 ”繁殖 的 方式 实现 , 也 可 以 选择 3 个 或 4 个 父 本 合成 子 代 DNA。 在 
代码 演示 中 ， 我 想 用 两 个 父 本 ， 并 分 别称 为 parentA 和 parentB。 

首先 , 我 们 要 生成 两 个 随机 数 作 为 交配 池 的 下 标 , 这 是 一 个 介 于 6 至 ArrayList 长 度 之 间 的 随 
机 数 。 


int a 
int b 








int(random(matingPool.size())); 
int(random(matingPool.size())); 
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接 下 来 ， 我们 从 交配 池 中 取出 这 两 个 下 标 对 应 的 DNA 对 和 象 。 


DNA parentA = matingPool .get(a); 
DNA parentB = matingPool .get(b); 


交配 池 中 的 同一 个 对 象 可 能 会 有 多 个 实例 ( 我们 也 肯 重 复 选 中 某 个 随机 数 )， 因 此 parentA 
和 parentB 可 能 是 同一 个 DNA 对 象 。 如 果 要 严谨 地 对 待 这 个 问题 ， 我 们 可 以 加 入 一 些 检查 代码 ， 
确保 不 选中 同一 个 对 象 ; 但 是 这 么 做 并 不 会 融 来 很 大 的 效益 ， 你 可 以 在 练习 题 中 实现 它 。 











练习 9.4 


在 本 例 中 加 入 检查 代码 ， 确 保 你 不 会 选中 两 个 同样 的 “ 父 本 ”。 





得 到 双亲 后 ， 下 面 我 们 就 开始 执行 交 又 和 突变 过 程 。 


DNA child = parentA.crossover(parentB); 交叉 函数 
chiLd.mutate() ; 突变 函数 


当然 ，crossover() 函数 和 mutate() 子 数 需 要 我 们 自己 来 实现 。 从 上 面 的 调用 方式 可 以 看 
出 ，crossover() 子 数 的 参数 是 DNA 对 象 ， 它 的 返回 值 是 一 个 新 的 DNA 对 象 ， 也 就 是 子 代 个 体 。 





DNA crossover(DNA partner) { 函数 的 参数 是 DNA 对 象 ， 返 回 值 也 是 DNA 对 象 
DNA child = new DNA(); 子 代 是 新 的 DNA 对 和 象 ，DNA 在 构造 吕 数 中 是 用 随机 


方式 初始 化 的 , 但 我 们 会 用 双亲 的 DNA 徐 盖子 代 DNA 
int midpoint = int(random(genes. length)); 在 基因 数组 中 选择 随机 的 “中 间 点 ” 


for (int i = 0; i < genes.length; i++) { 
if (i > midpoint) child.genes[i] = genes[i]; 中间 点 之 前 和 之 后 的 基因 来 自 不 同 的 父 本 
else child.genes[i] = partner.genes[il]; 


} 
return child; 返回 子 代 DNA 
} 
上 述 crossover() 因数 的 实现 使 用 了 “随机 中 间 点 ”方法 ， 子 代 基 因 的 第 一 部 分 取 自 
parentA， 第 二 部 分 取 目 parentB。 








练习 9.5 


请 使 用 “ 搬 硬 币 ”法 重新 实现 crossover() 函 数 ,每 个 子 代 基因 都 有 5$0% 的 概率 来 自 parentA， 
有 50% 的 概率 来 自 parentB。 
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mutate( ) 困 数 比 crossover() 因数 更 容易 实现 。 我 们 只 需要 遍历 基因 数组 , 根据 突变 率 为 每 


字符 随机 选择 一 个 新 字符 。 举 个 例子 ,如 采 突 变 
0.01; 


float mutationRate = 


if (random(1) < mutationRate) { 


} 


咀 数 的 完 


整 实现 如 下 : 


void mutate() { 


8 


你 可 能 已 


示例 代码 9-1 


OP (lm ld Ss (Os 


遂 传 算法 : 


if (random( 


genes[il] 








= (char) 


i < genes.Length 


整合 代码 





j++) { 


1) < mutationRate) { 
random(32, 128); 


突变 ， 产 生 随 机 字符 





经 注意 到 , 我们 已 经 学 习 了 两 次 遗传 算法 的 实现 步 又: 


@QAO 


to bexYr lotOto=be 
to bea)r no-Ctox#be 
to oea)r notCto#be 
to be Yr notHtozZbe 
to be r notsto#be 
to bexyrznotuIrKbe 
to be7 r WotHto#Oe 
to bea)rs=sSotubFKbe 
to be “ notubrxbe 
tof |e YrjnoxuBFKbe 
to be?’r not'tozZLe 
to 0e Yr PotCtoRbe 


Fn ha er nnrfivavha 


float mutationRate; 


int totalPopulation = 


DNA[] population; 


遗传 算法 : 


NOC 9 01 GA Shakespeare simplified 


to be ~r=notutoRbe 
to=bea)r=Sotytorbe 
to be Yr nJtCcto#be 
60 be 工 WotHto#Oe 
to Je Nr noxOtaRbe 
to bear notHtom~e 
to be7 上 not>tozZbe 
*O be )rm}otstozZbe 
to be pr=nox0tozZbe 
to Se “上 otuIrFKbe 
to be r }otHtozZbe 
to be 上 notHtozbe 


rn hastrr nmrnThh 


:0O Se6nr notHtozZbe 
to deabrznot .IOPbe 
to bea)rjnoxuBFKbe 
to be6ar notHtoZbe 
to be -上 lot-tozZbe 
tofb- m notuIozZbe 
to be r notCto#oe 
to bexp6 noxCto#be 
*O be r notHto#be 
to be })r motuIFKbe 
*D beayBonotuIrcbe 
to be ‘n notctopbk 


rn hafrrr lntritanaTha 


进化 出 水 士 比 亚 名 言 


150 


ArrayList<DNA> matingPool; 


String target 


void setup() { 


size(200, 200); 


to bea)r=nox0tozbe 
to bexYr notHto#Oe 
to be Yr notCto=be 
to bea)r no-0trFrRbe 
to beas$r not~toJbe 
to 3eayr otCto=be 
to be br :Kt'tozZbe 
to be })r notOtoKbe 
to be Yr nOXUBFKbe 
-D Jea)r=COoXO0to=be 
to beayrgnotstHzbe 
to be7 r WotHto#Oe 


rn haVvrYr miInREn = 


GA 需要 的 变量 


个 体 数 组 


交配 池 数 组 


目标 答案 


座 为 1%, 我 们 将 有 1% 的 概率 选择 一 个 新 


这 里 的 代码 有 1% 的 机 会 执行 


遍历 数组 中 的 每 个 基因 


第 1 次 用 文字 形式 描述 
次 用 代码 片段 实现 。 在 本 市 ， 我 希望 把 前 面 的 内 容 合 并 ， 用 代码 描述 算法 的 各 个 步 嗓 。 


to Se ‘r OtUIFKbe 
to be Yr notuBrzbe 
to oea)r notCcto#be 
to Jea r YOX0IOZbe 
to Jea)r=notHtom~e 
to beapw notOtorbe 
to b- ‘r not.to#oe 
to bea)r no-0trFRbe 
to be?'r nyt~tozZbe 
co bN Yr no'uIrFzZbe 
*O be ‘r :ot0OtozZbe 
t3 bea)r=nox0tozZbe 


rn ha Vr nantntnTha 


Csr pA 


"Ye 


,第 2 


target = "to be or not to be"; 


mutationRate = 0.01; 


population = new DNA[totalPopulation]; 
for (int i = 0; i < population.length; i++) { 
population[i] = new DNA(); 
} 
} 


void draw() { 


for (int i = 0; i < population.length; i++) { 


population[i].fitness(); 


} 


初始 化 目标 答案 和 突变 率 


步骤 1: 初始 化 种 群 


步骤 2: 选择 


步骤 2a: 计算 适应 度 


ArrayList<DNA> matingPool = new ArrayList<DNA>(); 步骤 2b: 创建 交配 池 


for (int i = 0; i < population.length; I++) { 
int n = int(population[i].fitness * 100); 
for (int j = 0; j <n; j++) { 
matingPool.add(population[i]); 
} 


for (int i = 0; i < population.length; i++) { 


int a = int(random(matingPool.size())); 
int b = int(random(matingPool.size())); 
DNA partnerA = matingPool .get(a); 
DNA partnerB = matingPool.get(b); 


DNA child = partnerA.crossover(partnerB ) ; 


child.mutate(mutationRate): 


population[i] = child; 


} 
主 标签 页 的 实现 代码 反映 了 遗传 算法 的 各 个 步 又 ， 


class DNA { 





char[] genes; 
float fitness; 


DNA() { 
genes = new char[target. Length()]; 
for (int i = 0; i < genes.Length; I++) { 
genes[il] = (char) random(32,128); 
} 


根据 适应 度 分 值 将 个 体 加 入 交配 池 


步骤 3: 繁殖 


步骤 3a: 交叉 


步骤 3b: 变异 


用 新 的 子 代 窗 盖 种 群 ，draw( ) 循环 会 重复 执行 


这 些 步 又 


它 调 用 的 功能 函数 是 在 DNA 类 中 


随机 地 创建 DNA 
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void fitness() { 计算 适应 度 
int score = 0; 
for (int i = 0; i < genes.length; i++) { 
if (genes[i] == target.charAt(i)) { 


Score++; 
} 
} 
fitness = float(score)/target. Length(); 
} 
DNA crossover(DNA partner) { 充 灵 
DNA child = new DNA(genes. length); 
int midpoint = int(random(genes. length)); 
for (int i = 0; i < genes.length; i++) { 
if (i > midpoint) child.genes[i] = genes[i]; 
else child.genes[i] = partner.genes[il]; 
} 
return child; 
} 
void mutate(float mutationRate) { 突变 
for (int i = 0; i < genes.length; i++) { 
if (random(1) < mutationRate) { 
genes[i] = (char) random(32,128); 
} 
} 
} 
String getPhrase() { 转化 为 字符 串 一 表现 型 
return new String(genes); 
} 
} 


练习 9.6 


在 上 例 中 加 入 一 个 额外 的 特性 , 使 其 能 输出 更 多 遗传 算法 的 工作 信息 。 比 如: 输出 每 一 代 中 
最 接近 目标 的 语句 ， 共 经 历 过 的 代数 ,平均 适应 度 等 ,一旦 得 到 目标 语句 ， 蕊 上 停止 遗传 算 
法 。 用 一 个 Population 类 管理 GA (替换 draw() 函 数 中 的 代码 )。 


BA _9 01 GA Shakespeare 


All phrases: 
Best phrase: To be Ww cit t5 se} 
Yo[lb W3 OctMt; Fev 


TO be WZ %yt t 
TO be W2 %ot tt Lex 0 
To be W3 Ont t 
TO be We %yt t 
To be Wyv cS5t 0j WeV 
To be W3 cyt tt 
Tonbe WZ $5t tt 
To be [Q usSt tJ 
Tohb7 WE B®4t 
To b Ww 
To be W3 %yt tj FeV 


total generations: 176 
average fitness: 0.58 
total populationation: 150 
mutation rate: 1 和 
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9.9 ”还 传 算法 : 创建 目 己 的 适 传 算法 

使 用 遗传 算法 有 一 个 好 处 : 可 以 将 示例 代码 轻易 地 移植 到 另 一 个 应 用 中 , 因为 选择 和 繁殖 的 
核心 代码 可 以 保持 不 变 。 定 制 遗 传 算法 的 关键 点 有 3 个 ， 这 3 点 都 非常 重要 ,它们 能 帮 你 跳出 示例 
程序 ， 在 Processing 或 其 他 开发 环境 中 创造 性 地 使 用 遗传 算法 。 

















9.9.1 第 1 点 : 更 改变 量 


遗传 算法 并 没有 多 少 变 量 。 仔 细 看 前 面 的 例子 ,你 只 能 发 现 两 个 全 局 变量 (不 包括 存放 种 群 
的 数组 和 存放 交配 池 的 ArrayList )。 


float mutationRate = 0.01; 
int totalPopulation = 150; 


这 两 个 变量 能 显著 地 影响 系统 行为 , 我 不 建议 随意 地 给 它们 赋值 ( 尽管 不 断 地 试 错 也 能 得 到 
最 优 解 ， 且 不 失 为 一 种 合理 方法 )。 

在 莎士比亚 名 言 示例 程序 中 ,我 选择 的 参数 值 能 算出 正确 答案 , 但 是 计算 速度 不 够 快 (平均 
为 1000 代 左右 )， 这 么 做 是 为 了 用 一 段 合理 的 时 间 演 示 计 算 过 程 。 随 着 种 群 个 体 数 量 的 增多 ， 遗 
传 算法 的 计算 速度 也 会 变 得 更 快 。 下 表 列 出 了 不 同 规模 种 群 的 效率 : 























个 体 数 量 突变 率 解决 问题 所 需 代数 解决 问题 所 需 时 间 〈 秘 ) 
150 1% 1089 18.8 
300 1% 448 8.2 
1000 1% 71 1.8 
50 000 1% 27 4.3 


注意 : 随 着 种 群 规 醒 不 断 增 大 ,求解 问题 所 需 的 代数 急剧 减少 。 然 而 ， 这 不 一 定 能 减少 总 时 
间 。 一旦 种 群 中 个 体 数 量 超 过 50 000，Sketch 的 运行 速度 会 变 得 很 慢 ， 因 为 随 春 个 体 数量 增加 ， 
适应 度 计 算 和 交配 池 构建 所 需 的 时 间 也 会 变 长 。( 当然 ， 你 可 以 为 大 规模 的 种 群 做 更 多 优化 。) 
除了 种 群 规模 ， 突 变 率 也 能 显 壮 影响 性 能 。 








个 体 数 量 突变 率 解决 问题 所 需 代数 解决 问题 所 需 时 间 〈 秒 ) 
1000 0% 37 或 没有 ? 1.2 或 没有 ? 
1000 1% 71 1.8 
1000 2% 60 1.6 
1000 10% 没有 ? 没有 ? 





在 没有 突变 ( 突变 认为 0% ) 的 情况 下 ， 能 否 得 到 正确 的 结果 还 要 徘 运 气 。 如 果 所 有 正确 的 
字符 都 出 现在 种 群 的 初始 个 体 中 , 你 就 能 很 快 进化 出 正确 结果 。 如 果 初 始 个 体 不 包含 所 有 的 正确 
子 伯 ， 你 永远 也 得 不 到 正确 结果 。 重 复 运 行 几 次 以 上 程序 ， 你 就 能 磁 到 这 两 种 情况 。 除 此 之 外 ， 
如 果 突 变 率 高 于 某 个 值 ( 假如 是 10% )， 进 化 过 程 将 会 出 现 很 高 的 随机 性 ( 在 每 个 子 代 个 体 中 ， 
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1/10 的 学 符 是 随机 确定 的 )， 因 此 模拟 过 程 就 变 成 了 纯粹 的 随机 枚 举 。 从 理论 上 讲 ， 它 最 终 会 得 
到 正确 的 答案 ， 但 你 可 能 要 等 很 入， 甚至 等 竺 时间 远 远 超 出 合理 值 。 








9.9.2 第 2 点 : 适应 度 函 数 


更 改 突变 率 或 种 群 规 模 是 一 件 很 容易 的 事 ， 你 只 需要 在 Sketch 中 输入 几 个 数字 。 对 遗传 算法 
而 言 , 真正 的 困难 在 于 实现 适应 度 图 数 。 如 有 末 无 法 定义 问题 的 目标 或 无 法 用 数值 衡量 目标 的 完成 
度 ， 你 就 不 能 正确 地 实现 遗传 算法 。 

在 讨论 其 他 适应 度 函 数 之 前 , 让 我 们 看 看 莎士比亚 适应 度 函 数 中 的 几 个 缺陷 。 假如 目标 短语 
的 字符 数 不 是 19 个 ， 而 是 上 千 个 。 如 果 种 群 中 有 两 个 个 体 ， 其 中 某 个 个 体 的 正确 字符 数 是 800， 
而 为 一 个 个 体 的 正确 字符 数 是 801。 它 们 的 适应 度 分 值 如 下 : 


句子 A 800 个 正确 字符 适应 度 = 80% 
句子 B 801 个 正确 字符 适应 度 = 80.1% 











这 里 存在 儿 个 问题 。 首 先 ， 我 们 要 在 交配 池 中 多 次 添加 某 一 个 体 ， 假 设 添加 次 数 为 N，N 等 
于 适应 度 习 以 100。 对 和 象 只 能 在 ArrayList 中 添加 整数 次 , 因此 , A 和 B 对 和 象 的 洪 加 次 数 都 是 80 次 ， 
也 就 是 说 它们 被 选中 的 概率 相等 。 尺 管 我 们 可 以 用 浮 点 概率 改进 这 个 问题 ,但 是 80.1% 的 概率 只 
比 80% 多 出 0.1%。 但 在 进化 场景 中 ，801 个 正确 字符 的 效果 比 800 个 正确 子 和 从 好 很 多 。 我 们 需要 让 
多 出 来 的 那个 字符 产生 应 有 的 效果 ,让 前 者 的 适应 度 分 值 明 显 局 于 后 者 。 


换 一 种 方式 ， 让 我 们 用 图 形 表示 适应 度 函 数 。 

















正确 字符 的 个 数 
图 9-8 


这 是 一 个 线性 函数 ,在 正确 字符 数 增加 的 过 程 中 , 适应 度 分 值 也 随 之 增 大 。 我 们 还 可 以 让 适 
应 度 随 着 正确 字符 的 增加 呈 指 数 性 增长 ， 对 应 效果 如 下 图 所 示 : 








二 
Et 
沽 


正确 字符 的 个 数 
图 9-9 
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正确 字符 的 数量 越 多 , 适应 度 的 增长 越 快 。 我 们 可 以 用 多 种 方法 实现 这 一 效果 ,比如 以 下 方式 : 
适应 度 = 正确 字符 数 x 正确 字符 数 


假如 种 群 中 有 2 个 个 体 ， 个体 A 有 5 个 正确 字符 ， 个 体 B 有 6 个 正确 字符 。A 的 正确 字符 数 比 B 
多 20%。 进 行 平方 计算 后 ， 得 到 的 适应 度 分 值 如 下 表 所 示 。 


正确 字符 数 适应 度 
5 25 
6 36 


随 着 正确 字符 数 的 增加 ， 适 应 度 分 值 呈 指 数 性 增长 。B 的 适应 度 分 值 比 A 高 44%。 
除 此 之 外 ， 还 有 万 一 个 公式 : 





适应 度 分 值 = 正确 字符 的 数量 


在 这 个 公式 中 ,适应 度 分 值 的 增长 速度 更 快 ， 每 增加 一 个 字符 ， 分 值 就 翻 倍 。 


练习 9.7 


请 重新 实现 适应 度 函 数 ， 让 适应 度 随 正确 字符 的 增加 而 呈 指 数 性 增长 。 最 后 你 需要 将 适应 度 
分 值 单 位 化 到 0~1， 使 它们 能 合理 地 加 入 交配 池 。 

















虽然 指数 函数 和 线性 也 数 在 适应 度 设 计 中 非常 重要 , 但 我 还 想 提醒 你 另 一 个 关键 点 : 请 设计 
你 自己 的 适应 度数 ! 并 不 是 所 有 用 到 的 遗传 算法 项 目 都 涉及 字符 的 计数 。 在 本 书 中 , 你 可 能 会 在 
粒子 系统 中 使 用 遗传 算法 , 让 其 中 的 粒子 发 生 进化 ; 或 在 自治 智能 体 中 用 遗传 算法 优化 转 回 行 为 的 
权重 ,让 个 体 可 以 避 开 障碍 或 走出 迷宫 。 在 设计 适应 度 函 数 之 前 ， 你 要 先 问 自己 想 评估 哪些 参数 。 


假如 你 正在 模拟 区 速 ， 需 要 用 遗传 算法 求解 小 车 的 最 佳 速度 。 适 应 度 函 数 可 以 这 么 设计 : 
适应 度 = 小 车 到 达 目 标 需 要 的 帧 数 

假如 你 要 用 遗传 算法 求解 导弹 的 最 佳 发 射 轨迹 。 适 应 度 函 数 可 以 这 么 设计 : 

适应 度 = 导弹 和 靶子 之 间 的 距离 




















348 第 9 章 ”代码 的 进化 





在 电脑 游戏 中 ，NPC 和 角色 (由 电脑 控制 的 角色 ) 的 设计 也 常常 用 到 遗传 算法 。 假 如 你 正在 设 
计 足 球 游戏 。， 在 这 个 游戏 中 ， 和 守门 员 由 用 户 操纵 ， 其 他 球员 由 程序 操纵 。 程 序 要 通过 一 系列 的 
射门 参数 控制 这 些 球员 ， 我 们 可 以 用 以 下 方式 设计 适应 度 函 数 : 

适应 度 = 总 进 球 数 

对 足球 游戏 来 说 ,这 是 再 简单 不 过 的 一 种 实现 方式 , 但 它 恰 好 说 明了 问题 的 关键 : 球员 的 进 
球 数 越 多 , 适应 度 越 高 ， 进 入 下 一 轮 游戏 的 概率 也 越 大 。 虽 然 这 个 适应 度 国 数 很 简单 ， 但 它 展现 
了 遗传 算法 的 强大 之 处 -一 系统 的 适应 能 力 。 在 球员 进化 过 程 中 , 如果 突 然 换 了 一 个 新 人 类 玩家 
( 和 完全 不 同 的 策略 ), 系统 会 马上 发 现 原先 的 适应 度 分 值 变 低 , 需要 进化 出 新 的 策略 。 也 就 是 说 ， 
系统 有 适应 能 力 ! (不 要 担心 ， 由 此 产生 的 机 器 人 并 不 会 奴役 人 类 。) 


最 后 ， 如 果 适 应 度 函 数 不 能 有 效 地 评估 个 体 的 表现 ， 你 将 无 法 使 系统 发 生 进 化 。 菏 个 特定 
程序 的 适应 度 函 数 并 不 适合 用 在 其 他 项 目 上 。 因 此 ， 你 需要 发 挥 日 己 的 才 乔 ,重新 设计 目 己 的 
适应 度 冰 数 。fitness () 函数 的 功能 台 是 计算 适应 度 分 值 ， 你 只 需 修 改 它 的 实现 就 能 创建 目 己 
的 适应 度 困 数 。 


void fitness() { 
77777?777?77777? 








9.9.3 第 3 点: 基因 型 和 表现 型 


最 后 一 个 关键 点 和 系统 属性 的 编码 方式 有 关 。, 在 设计 遗传 算法 之 前 ,你 需要 问 目 己 几 个 问题 。 
你 想 表 达 什 么 ”如何 把 要 表达 的 东西 转化 为 一 串 数字 ? 什么 是 系统 的 基因 型 和 表现 型 ? 


在 足球 游戏 的 讨论 中 ， 我 们 假定 电脑 控制 的 球员 有 “一 系列 控制 射门 方式 的 参数 ”。 这 些 参 
数 和 它们 的 编码 方式 就 是 对 应 的 基因 型 ， 我 们 应 该 设计 这 些 参数 。 


我 们 之 所 以 从 莎士比亚 名 言 的 示例 开始 讨论 遗传 算法 , 很 大 一 部 分 原因 在 于 它 的 基因 型 ( 字 
从 数组 ) 和 表现 型 ( 显示 在 窗口 上 的 字符 串 ) 很 容易 设计 。 


在 本 章 的 开头 ,我 曾经 提示 : 从 本 书 的 最 开始 你 束 在 设计 基因 型 和 表现 型 。 当 你 在 实现 菏 个 
类 时 ， 需 要 加 入 一 系列 变量 。 


class Vehicle 1{ 
float maxspeed ; 
float maxforce; 
float size; 
float separationWeight; 



































为 了 进化 这 些 变量 ， 我 们 需要 将 它们 转化 为 数组 。 这 样 一 来 ,我 们 就 可 以 在 数组 上 使 用 DNA 类 
的 crossover() 、mutate() 等 国 数 。 对 此 ， 一 种 稼 用 的 方案 是 用 介 于 0~1 的 浮上 点数 填充 整个 数组 。 
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class DNA { 


float[] genes; 浮 点 数组 


DNA(int num) { 
genes = new float[num]; 
for (int i = 0; i < genes.length; i++) { 


genes[i] = float(1); 挑选 介 于 0~1 的 浮 点 数 


} 
注意 我 们 如 何 将 遗传 信息 ( 基因 型 ) 和 表达 (表达 型 ) 放 到 两 个 不 同 的 类 中 。DNA 类 就 是 基 
因 型 ,Vehicle 类 需要 用 DNA 对 象 驱动 自身 行为 , 还 要 用 可 视 化 方式 表达 遗传 信息 ,因此 Vehicle 
类 就 是 表现 型 。 只 要 在 VehictLe 类 内 部 放 和 一 个 DNA 实 例 ， 就 可 以 在 两 者 之 间 建 立 联系 。 
class Vehicle 1{ 
DNA dna: 在 Vehicle 类 中 添加 DNA 对 象 

















float maxspeed ; 

float maxforce; 

float size; 

float separationWeight; 


Vehicle() { 
DNA = new DNA(4); 


maxspeed = dna.genes[0]; 用 基因 设置 变量 


maxforce = dna.genes[1]; 
size = dna.genes[2]; 
separationWeight = dna.genes[3]; 


} eo 


当然 ， 你 并 不 希望 所 有 变量 都 落 在 0~1。 我 们 可 以 用 Processing 的 map() 也 数 把 遗传 信息 映射 
到 合适 的 范围 ， 比 起 在 DNA 类 中 维护 范围 ， 用 map ( ) 函数 映射 范围 更 简单 。 举 个 例子 ， 如 果 你 想 
获得 一 个 介 于 10~72 的 长 度 变 量 ， 可 以 这 么 做 : 


size = map(dna.genes[2], 0, 1, 10, 72); 


在 菜 些 情况 下 , 你 会 把 基因 型 设计 成 一 个 对 和 象 数 组 ,考虑 火 茵 模型 的 设计 : 火 租 中 有 一 组 “ 推 
进 硕 ”引擎 ， 你 可 以 用 PVector 对 象 摘 述 每 个 推进 硕 的 推进 方 回 和 动力 强度 。 
class DNA { 
PVector[] genes; 基因 型 是 向 量 数组 


DNA(int num) { 
genes = new float[num]; 
for (int i = 0; i < genes.Length; i++) { 
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genes[i] = PVector.random2D(); 指向 随机 方向 的 向 量 
genes[i].mult(random(10)); 将 向 量 设 为 随机 长 度 


} 
} 
我 们 用 一 个 Rocket 类 实现 表现 型 ， 让 它 参 与 物理 系统 的 模拟 。 


class Rocket { 
DNA dna; 


把 基因 型 和 表现 型 实现 为 不 同 的 类 ( 如 DNA 和 Rocket )， 这 么 做 有 一 个 很 大 的 好 处 : 之 前 开 
发 的 DNA 类 可 以 保持 不 变 ， 你 只 需要 更 改 基因 数组 的 数据 类 型 ( float 、PVector 对 象 等 )， 并 在 
表现 型 中 实现 数据 的 表达 。 


在 下 一 三 ,我 们 会 按照 这 些 思路 继续 往 下 走 ， 用 具体 的 实例 讲解 这 些 步 怠 。 以 下 实例 同时 包 
含 了 运动 物体 和 由 向 量 数组 描述 的 DNA 对 象 。 


9.10” 力 的 进化 : 智能 火箭 


我 们 基于 一 个 特殊 原因 选择 火 和 区 模型 的 思路 。2009 年 ，Jer Thorp 在 他 的 博客 上 
( http://blprnt.com ) 发 表 了 一 个 遗传 算法 示例 “Smart Rockets”。Jer 指 出 ，NASA 用 进化 计算 技术 
解决 了 从 卫星 天 线 设计 到 火箭 发 射 模式 的 一 系列 问题 ， 这 局 发 他 创建 这 个 Flash 程 序 演 示 火 箭 的 
进化 。 以 下 是 场景 摘 述 : 














一 组 火箭 从 屏幕 底部 开始 发 射 ， 目 标 是 击 中 屏幕 中 的 靶子 〈 绕 过 直线 前 进 路 线 中 的 障 


碍 物 )。 


每 个 火箭 郡 配 有 5 个 推进 大 ， 推 进 带 产生 大 小 和 方 回 黎 可 变 的 推力 。 推 进 融 不 是 一 次 全 部 发 
射 ， 也 不 会 连续 发 射 ， 它 的 发 射 次 数 由 一 个 目 定 义 序列 决定 。 
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Me 
> 
SS 


图 9-11 








在 本 蔬 中 ， 我 们 要 演化 目 己 的 简化 版 智能 火箭 〈 其 中 受到 了 Jer Thorp 的 局 发 ) 在 本 市 的 结 
尾 ， 我 们 可 以 在 练习 中 实现 Jer Thorp 的 智能 火箭 模型 的 其 他 高 级 特性 。 


我 们 的 火箭 只 有 一 个 推进 需 , 在 每 一 帧 动画 中 , 这 个 推进 器 可 以 产生 任何 方向 和 强度 的 推力 。 
这 个 模型 并 不 符合 真实 场景 , 但 它 会 简化 框架 构建 过 程 。( 之 后 我 们 可 以 优化 火箭 和 推进 融 模 型 ， 
让 它 更 符合 真实 场景 。) 

首先 ， 我 们 要 把 第 2? 章 的 Mover 类 重 命名 为 Rocket 类 。 


class Rocket { 


PVector location; 火箭 有 3 个 向 量 : 人 位置、 速度 和 加 速度 
PVector veLocity 
PVector acceLerat1ion ， 





void appLyForce(PVector f) { 将 力 转化 为 加 速度 (牛顿 第 二 定律 ) 
acceleration.add(f); 

} 

void update() { 简单 的 物理 模型 ( 欧 拉 积分 ) 
velocity.add(acceleration); 速度 根据 加 速度 变化 
location.add(veloctiry); 位 置 根据 速度 变化 


acceleration.mult(0); 


} 

有 了 以 上 代码 框架 ， 我 们 只 需 在 每 一 帧 中 调用 appLyForce ( ) 函数 并 传人 一 个 推进 力 ， 就 能 
实现 智能 火箭 的 运动 模拟 。 一 旦 draw( ) 男 数 被 调用 , “推进 各 ”就 会 对 火箭 施加 一 个 推进 态 。 

我 们 在 上 一 市 提 到 了 定制 遗传 算法 的 3 个 关键 点 ， 下面 结 合 本 例 回 顾 这 3 个 关键 点 。 

第 1 点 : 种 群 规 模 和 突变 率 

实际 上 , 我 们 可 以 暂时 推迟 这 一 点 的 讨论 。 本 例 的 策略 是 先 选 择 一 些 合适 的 初始 值 ( 种群 中 
有 100 个 火箭 ， 突 变 率 是 1% )， 然 后 构建 整个 系统 ， 再 根据 Sketch 运行 结果 更 改 这 些 参数 。 

第 2 点 : 适应 度 浮 数 


我 们 知道 发 射 火 鼻 的 目的 是 击 中 某 个 靶子 。 也 就 是 说 ,火箭 到 靶子 的 距离 越 近 , 它 的 适应 度 
就 越 蜗 。 适 应 度 和 距离 成 反比 : 距离 越 短 ， 适 应 度 越 高 ; 距离 越 长 ， 适 应 度 越 低 。 
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假设 靶子 是 一 个 PVector 对 象 ， 我 们 可 以 用 这 种 方式 实现 适应 度 晒 数 : 


void fitness() { 


float d = PVector.dist(location, target), 计算 距离 
fitness 1/d; 适应 度 和 距离 成 反比 


} 
这 也 许 是 最 简单 的 适应 度 函 数 。 我 们 用 1 除 以 距离 ， 就 能 得 到 反比 例 关 系 : 距离 越 大 ， 得 到 
适应 度 值 越 小 ; 距离 越 小 ， 得 到 的 适应 度 值 越 大 。 





距 离 1/ 距 离 
300 1/300=0.0033 
100 1/100=0.01 
5 1/5=0.2 
1 1/1=1.0 
0.1 1/0.1=10 
如 有 果 要 让 适应 度 和 距离 成 指数 关系 ， 可 以 用 1 除 以 距离 的 平方 。 
距 离 1/ 距 离 (1/ 距 离 ) 
300 1/400=0.0025 0.000 006 25 
100 1/100=0.01 0.000 1 
5 1/5=0.2 0.04 
] 1/1=1.0 1.0 
0.1 1/0.1=10 100 





除 此 之 外 ， 我 们 还 可 以 对 适应 度 函 数 做 一 些 人 额外 的 优化 ， 但 简单 的 实现 是 一 个 恨 好 的 开 问 。 


void fitness() { 
float d = PVector.dist(location, target); 


fitness = pow(1/d,2); 1] 除 以 距离 的 平方 
} 


第 3 点 : 基因 型 和 表现 型 


前 面 我 们 说 到 , 每 个 火 家 部 有 一 个 推进 各 ,推进 癌 会 在 每 一 帆 产 生 方 品 和 大 小 皆 可 变 的 推力 。 
因此 ， 我 们 需要 在 每 一 帧 动画 中 获取 一 个 PVector 对 象 。 这 样 一 来 ， 本 例 的 基因 型 ( 控制 火箭 行 
为 的 数据 ) 可 以 用 PVector 对 象 的 数组 表示 。 


class DNA 1{ 
PVector[] genes; 


好 消息 是 : 本 例 不 需要 对 DNA 类 进行 任何 其 他 修改 。 在 猴子 敲 键盘 程序 中 ， 我 们 为 DNA 类 开 
发 了 一 系列 功能 ,这 些 功能 完全 适用 于 本 例 。 唯 一 的 不 同 点 在 于 基因 数组 的 初始 化 方式 。 在 前 面 
的 例子 中 ， 基 因数 组 由 字符 组 成 ， 它 的 元 素 是 随机 字符 ; 在 本 例 中 ， 我 们 应 该 用 随机 的 PVector 
对 象 初始 化 DNA 序 列 。 如 何 创建 一 个 随机 的 PVector 对 象 ? 你 的 直觉 可 能 是 这 样 的 : 
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PVector v = new PVector(random(-1,1),random(-1,1)); 

这 种 方法 很 好 ， 有 时 候 也 能 奏效 , 但 并 不 严谨 。 如 果 将 得 到 的 癌 量 画 在 一 幅 图 中 ， 就 会 得 到 
图 9-12。 也 就 是 说 ， 所 有 问 量 在 一 起 形成 了 一 个 正方 形 区 域 。 对 本 例 而 言 ， 可 能 没有 太 大 问题 ， 
但 它 还 是 存在 一 些 侦 差 : 正方 形 对 角 线 上 的 癌 量 比 水 平 或 竖 卫 的 问 量 更 长 。 








图 9-12 





更 好 的 方案 应 该 是 : 选择 一 个 随机 角度 ， 在 这 个 角度 上 创建 长 度 为 1 的 癌 量 。 这 样 得 到 的 癌 
量 将 会 形成 一 个 圆 。 这 可 以 通过 极 坐标 系 到 笛 卡 儿 坐 标 系 的 转换 来 完成 ， 还 可 以 直接 调用 
PVector 的 random2D( ) 困 数 ， 后 者 会 更 方便 一 些 。 


9-13 
for (int i = 0; i < genes.length; I++) { 


genes[il] = PVector.random2D(); 按 随机 角度 创建 向 量 


} 

实际 上 ， 长 度 为 1 的 PVector 回 量 代表 一 个 强度 很 大 的 力 。 记 住 ， 力 会 改变 加 速度 ， 而 加 速 
度 会 以 每 秒 30 次 的 频率 改变 速度 。 因 此 ， 我 们 需要 在 DNA 类 中 再 加 入 一 个 变量 : maxforce 变 量 ， 
用 于 限制 PVector 对 象 的 长 度 。 我 们 用 这 种 方式 控制 推进 力 的 大 小 。 


class DNA { 


PVector[] genes ; 基因 序列 是 一 组 向 量 9 


float maxforce = 0.1: 推进 器 的 推力 大 小 





DNA() 1 
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genes = new PVector[Lifetime]; 火 葡 生 命 期 的 每 一 帧 分 别 对 应 一 个 向 量 对 象 


for (int i = 0; i < genes.length; I++) { 
genes[i] = PVector.random2D(); 
genes[li].mult(random(0, maxforce)); 用 随机 的 方式 改变 向 量 长 度 , 但 不 要 超过 最 大 推进 力 


lj 

还 需要 注意 , PVector 对 象 的 数组 长 度 等 于 Lifetime。 火箭 生存 期 中 的 每 一 帧 都 需要 有 个 向 
量 。 以 上 代码 假设 Lifetime 是 个 全 局 变量 ， 存 储 了 每 一 代 的 总 帧 数 。 

Rocket 类 可 以 参照 第 2? 章 中 向 量 和 力 的 示例 程序 ， 它 的 作用 就 是 表达 PVector 数 组 的 遗传 信 
息 ， 也 就 是 表现 型 。 我 们 只 需要 在 Rocket 类 中 添加 一 个 DNA 对 象 和 fitness 变 量 。 只 有 Rocket 对 
象 知道 如 何 计算 它 和 靶子 之 间 的 距离 ， 因 此 我 们 需要 把 适应 度 困 数 放 到 Rocket 类 中 实现 。 


class Rocket { 
DNA dna; 火 科 的 DNA 




















float fitness: 火箭 的 适应 度 


PVector location; 
PVector velocity; 
PVector acceleration; 


DNA 对 和 象 在 这 里 有 什么 用 ? 我们 会 从 DNA 基 因数 组 中 逐个 取出 PVector 对 象 ， 然 后 将 这 个 对 
象 施加 到 火箭 上 。 为 了 实现 这 一 点 ， 我 们 还 需要 添加 一 个 整 型 变量 ， 作 为 笛 历数 组 时 的 计数 需 。 
int geneCounter = 0; 


void run() { 


appLyForce(dna.genes[geneCounter] ) ; 将 基因 数组 中 的 力 向 量 作用 在 火 租 上 
geneCounter+t+; 转 到 基因 数组 的 下 一 个 力 向 量 
update(); 更 新 火 前 的 物理 属性 


} 
9.11 智能 火箭 : 整合 代码 

现在 ,我 们 有 了 DNA 类 ( 基因 型 ) 和 Rocket 类 (表现 型 )。 还 剩 下 一 个 PopuLation 类 没有 实 
现 ， 这 个 类 的 作用 是 管理 火箭 数组 ， 实 现 选 择 和 索 殖 功能 。 告 诉 你 一 个 好 消息 : 我 们 可 以 使 用 猴 
子 痪 键盘 示例 程序 的 代码 ,而 且 也 不 需要 做 太 多 修改 。 对 于 这 两 个 程序 ,创建 交配 池 和 生成 子 代 
个 体 数 组 的 实现 过 程 是 完全 一 样 的 。 


class Population { 

















float mutationRate; 记录 突变 率 、 种 群 数 组 、 交 配 池 数组 及 代 计 数 器 的 
种 群 变量 


Rocket[] population,; 


ArrayList <Rocket>matingPool; 
int generations ; 


void fitness() {} 这 些 函 数 没 有 发 生变 化 ， 因 此 无 需 列 举 
void selection() {} 
void reproduction() {} 


} 


但 它们 之 间 还 是 存在 显著 的 区 别 。 在 猴子 敲 键 盘 程 序 中 ,随机 语句 在 创建 完成 之 后 就 进行 适 
应 度 评 佑 ; 字符 串 也 没有 生命 期 ， 它 的 存在 仅仅 是 为 了 计算 适应 度 。 但 在 本 例 中 ,火箭 需要 先 尝 
试 如 何 击 中 靶子 ， 运 行 一 段 时 间 后 才能 做 适应 度 评 估 。 因 此 ， 我 们 需要 在 PopuLation 类 中 加 入 

一 个 函数 ， 该 函数 的 职责 是 模拟 物理 运动 ， 它 的 实现 方式 和 粒子 系统 中 的 run() 也 数 一 样 一 一 更 
新 所 有 粒子 的 位 置 ， 并 绘制 它们 。 


void live() { 
for (int i = 0; i < population.length; i++) { 


population[i].run(); run ( ) 函数 负责 操纵 力 、 更 新 火箭 的 位 置 及 显示 火箭 




















} 


最 后 ， 我 们 可 以 实现 setup() 函数 和 draw() 函数 。 主 标签 页 程序 的 主要 职责 是 按 序 调用 
PoputLation 的 成 员 果 数 ， 执 行 遗 传 算 法 的 每 个 步 又。 


population.fitness(); 
population.selection(); 
population.reproduction(); 


过 ,本 例 和 猴子 打字 程序 有 所 不 同 ， 我们 不 需要 在 每 一 帧 中 做 这 些 事 情 。 正 确 的 执行 步骤 
如 下 : 

(1) 创建 火箭 种 群 
(2) 让 所 有 火箭 运行 NM 惧 
(3) 进化 出 下 一 代 

口 选择 

口 尝 殖 
(4) 回 到 步骤 (2) 




















SmartRockets_superbasic 


Ceneration #: 1 
Cycles left: 282 
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示例 代码 9-2 简单 的 智能 火 蔬 


int lifetime; 


int lifeCounter.; 


Population population,; 


void setup() { 
size(640, 480); 
lifetime = 500; 
lifeCounter = 0; 


float mutationRate = 0.01; 


population = new Population(mutationRate, 50); 


} 


void draw() { 
background(255 ) ; 


if (lifeCounter < Lifetime) { 


population. Live(); 


lifeCounter++; 
} else { 


lifeCounter = 0; 


population.fitness(); 
population. selection(); 
population.reproduction(); 


} 














每 一 代 生 命 期 的 帧 数 
我 们 位 于 哪 一 帧 


种 群 对 象 


第 一 步 : 创建 种 群 。 我 们 在 这 里 指定 突变 率 和 种 群 
规模 


修改 后 的 遗传 算法 


第 二 步 : 只 要 LifeCounter 小 于 Lifetime， 火 前 
就 一 直 存 活 


一 旦 生命 期 结束 ， 就 重 置 LifeCounter， 开 始 下 一 
轮 进 化 〈 步 骤 3 和 步骤 4， 选 择 和 党 殖 ) 


虽然 上 面 的 程序 能 正常 运行 , 但 运行 结果 不 够 有 趣 。 火 和 最 后 只 能 进化 出 一 系列 垂 丰 向 上 的 
问 量 。 在 下 一 个 例子 中 ， 我 们 将 讨论 两 个 改进 方案 ， 并 提供 实现 方案 所 需 的 代码 户 段 。 


-Nol@ _9 03 SmartRockets 

Generation #: 11 
Cycles left: 195 
Record cycles: 300 


改进 1: 障碍 物 





为 了 让 系统 更 复杂 ,并 进一步 展示 进化 算法 的 威力 ,我 们 可 以 在 系统 中 加 入 障碍 物 ， 火 篆 在 
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飞行 过 程 中 必须 吉 开 这 些 障 但 物 。 我 们 可 以 创建 一 个 静止 的 矩形 障碍 物 ， 只 需 在 系统 中 引入 一 个 
0bstacle 类 ， 该 类 存放 了 障碍 物 的 位 置 和 尺寸 。 


示例 代码 9-3 ” 千 能 火 鼻 


class Obstacle { 
PVector location; 障碍 物 有 位 置 (矩形 的 左上 角 ) 、 宽 度 和 高 度 


float w,h; 
我 们 还 可 以 在 0bstacte 类 中 加 入 一 个 contains() 函 数 ， 该 函数 用 于 判断 火箭 是 和 否 撞 到 障碍 
物 ， 返 回 值 是 true 或 false。 实 现 如 下 : 


boolean contains(PVector v) { 
if (v.x > location.x SR v.x < location.x + Ww && Vv.y > location.y && VvV.y < 
location.y + h) { 
return true; 
} else { 
return false,; 





} 
} 


如 果 存 在 一 个 障 但 物 数组 ， 每 个 火箭 都 需要 检查 它 是 否 会 撞 到 这 些 障 但 物 ， 我 们 可 以 在 
Rocket 类 中 增加 一 个 函数 : 如 果 火 箭 撞 到 任何 障 但 物 , 返回 true; 如 果 没 有 撞 到 , 则 返回 faLse。 


void obstacles() { 这 是 Rocket 类 的 成 员 肠 数 ， 检 查 火 葡 是 否 撞 到 
障碍 物 
for (Obstacle obs : obstacles) { 
if (obs.contains(location)) { 


stopped = true; 
} 


} 
如 果 火 篆 撞 到 障碍 物 ， 它 应 该 停止 运动 ， 不 再 更 新 位 置 。 


void run() { 
if (!stopped) { 如 果 火 箭 不 会 撞 到 障碍 物 ， 就 执行 run ( ) 函数 的 
操作 


appLyForce(dna.genes[geneCounter] ) ; 

geneCounter = (geneCounter + 1) % dna.genes.Length ; 
Update () ; 

obstacLes () ; 





} 
我 们 还 应 该 调整 火箭 的 适应 度 : 火箭 撞 到 障碍 物 是 一 件 很 可 怕 的 事情 , 在 这 种 情况 下 ,火箭 9 





的 适应 度 应 该 大 大 降低 。 


void fitness() { 
float d = dist(location.x, location.y, target.location.x, target. location.y); 
fitness = pow(1/d, 2); 
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If (stopped) fitness *= 0.1; 
} 


改进 2: 更 快 地 击 中 靶子 


仔细 观察 第 一 个 千 能 火箭 示例 , 你 会 发 现 更 快 击 中 靶子 的 火箭 并 没有 得 到 奖赏 。 适 应 度 晒 数 
与 靶子 之 间 的 距离 。 实 际 上 ， 某 些 火箭 在 运动 过 程 中 曾经 非常 接近 靶子 , 但 由 
运动 速度 过 快 ， 最 终 超 越 了 靶子 。 因 此 ， 火 和 葡 的 运动 应 该 更 加 绥 慢 而 平稳 。 


优化 火箭 飞行 速度 的 方式 有 很 多 种 。 首 先 ， 我 们 可 以 记录 在 飞行 期 火 简 与 靶子 的 最 近 距 离 ， 
用 这 个 距离 代替 两 者 的 最 终 距离 。 我 们 用 recordDist 变 量 表示 这 个 最 近 距 离 。( 本 节 的 所 有 函数 
都 是 Rocket 类 的 成 员 晒 数 。) 


void checkTarget() { 
float d = dist(location.x, location.y, target.location.x, target.location.y); 
if (d < recordDist) recordDist = d; 对 每 一 帧 ， 我 们 都 要 检查 这 个 距离 ， 查 看 它 是 否 比 
“记录 ”距离 更 近 。 如 果 是 ， 我 们 就 有 了 新 记录 























除 此 之 外 ， 火 第 到 达 靶 子 所 花费 的 时 间 应 该 成 为 奖 苇 因素 。 换 名 话说 ， 火 家 越 快 到 达 靶 子 ， 
它 的 适应 度 就 越 高 ; 越 慢 到 达 靶 子 ， 适应 度 就 越 低 。 为 了 实现 这 一 特性 ， 我们 需要 引入 一 个 计数 
做 ， 在 火箭 后 命 期 的 每 一 轮 递 增 这 个 计数 大 ,直到 它 到 达 靶 子 。 最 后 ， 计 数 希 的 值 等 于 火箭 到 达 
节 了 于 所 花费 的 时 间 。 


if (target.contains(location)) { 如 果 对 象 到 达 目 标 位 置 ， 将 布尔 标志 设 为 true 











hitTarget = true; 
} else if (!hitTarget) { 


finishTime++， 如 果 火 箭 没 有 达到 目标 位 置 ， 则 继续 递增 计数 器 
} 


适应 度 和 finishTime 成 反比 ， 因 此 我 们 可 以 按照 以 下 方式 改进 适应 度 晒 数 : 


void fitness() { 


fitness = (1/(finishTime*recordDist)); 完成 时 间 和 最 短 距 离 

fitness = pow(fitness, 2); 创建 指数 关系 

if (stopped) fitness *= 0.1; 如 果 火 科 撞 到 障碍 物 ， 则 适应 度 大 大 降低 
if (hitTarget) fitness *= 2; 如 果 火 前 能 到 达 目 标 位 置 ， 则 提高 适应 度 


这 些 改进 都 已 整合 到 示例 代码 9-3( 智能 火箭 ) 的 代码 中 了 。 


练习 9.8 


请 尝试 创建 更 复杂 的 障碍 物 ， 让 火箭 更 难 到 达 靶 子 。 请 思考 在 这 种 情况 下 是 否 需 要 改进 GA 
的 其 他 方面 ， 比 如 是 否 需 要 改进 适应 度 函 数 ? 


练习 9.9 


试用 JerThorp 的 和 能 火箭 实现 方式 改进 本 例 的 火 葡 发 射 模式 。 在 Jer Thor 的 模型 (http:/www 
blprnt.com/smartrockets/ ) 中 ,每 个 火箭 有 都 $ 个 推进 器 ( 可 产生 任何 大 小 和 方向 的 推力 )， 
每 个 推进 器 都 根据 一 个 发 射 序列 【任意 长 度 ) 产生 推力 。 除 此 之 外 ， 火 箭 的 燃料 也 是 有 
限 的 。 


练习 9.10 


请 尝试 用 不 同 的 可 视 化 方式 显示 火箭 .你 能 和 否 画 出 到 达 靶 子 的 最 短路 径 ? 你 能 否 用 粒子 系统 
模拟 出 推进 器 的 喷气 效果 ? 


练习 9.11 


另外 ， 我 们 还 可 以 用 流 场 进化 实现 本 例 。 你 能 否 创 建 向 量 流 场 对 应 的 基因 型 ? 





计算 机 图 形 和 学 中 有 一 个 著名 的 遗传 算法 实现 , 那 就 是 Karl Sims 的 “Evolved Virtual Creatures”。 
在 这 个 实现 中 ，Sims 根 据 数 字 生 物 (在 模拟 物理 环境 中 的 生物 ) 的 任务 执行 能 力 评 佑 适应 度 。 任 
务 包括 游泳 、 奔 跑 、 跳 路 、 跟 踊 以 及 争夺 领域 等 。 

该 实现 的 创新 之 处 在 于 其 基于 市 点 的 基因 型 。 在 Sims 的 实现 中 ,生物 的 DNA 并 不 是 由 
PVector 对 和 象 或 数字 构成 的 线性 列表 ， 而 是 由 市 点 构成 的 图 。( 有 关 图 的 例子 ,请 回顾 练习 5.15 
中 toxiclibs 的 力 导 回 图 ) 对 应 的 表现 型 是 生物 本 号 : 通过 肌肉 相连 的 躯体 。 
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练习 9.12 


根据 Sims 设计 的 生物 ， 请 你 用 toxiclibs 或 Box2D 构建 简单 的 二 维 生 物 。 如 果 你 想 了 解 更 
多 关于 Sims 的 技术 实现 ， 可 以 看 看 相关 视频 ， 或 者 阅读 Sims 写 的 论文 “Evolved Virtual 

Creatures”( http:/www.karlsims.com/evolved-virtual-creatures.html )。 除 此 之 外 ,你 还 能 找 
到 一 个 相似 的 例子 : BoxCar2D ( http://boxcar2d.com/ )， 该 程序 用 Box2D 模拟 了 “车 ”的 进化 。 


ES 





9.12 ”交互 式 选择 


除了 “Evolved Virtual Creatures"”，Sims 的 Galapagos 博 物 馆 系 统 也 是 众所周知 的 ,这 套 系 统 于 
1997 年 首次 安装 在 东京 的 互动 艺术 中 心 。 该 系统 有 12 个 显示 带 用 于 展示 电脑 生成 的 图 像 。 随 看 时 
间 的 推移 ， 这些 图 像 不 断 进 化 ， 进 化 过 程 涉及 遗传 算法 的 选择 和 繁殖 。 这 僚 系 统 的 创新 之 处 并 不 
在 于 选 传 算法 本 喘 ， 而 在 于 适应 度 函 数 的 实现 稼 略 。 每 个 显示 天 前 面 的 地 板 上 都 有 一 个 传 感 可 ， 
它 能 侦 测 用 户 是 否 在 看 屏幕 。 图 像 的 适应 度 由 用 户 的 欣赏 时 间 确 定 。 这 就 是 所 谓 的 交互 式 选 择 : 
适应 度 由 用 户 确定 的 遗传 算法 。 

思考 你 曾经 用 过 的 评分 系统 。 你 能 否 根 据 Netflix 上 的 电影 评分 进化 出 完美 的 电影 ,或 者 根据 
美国 选秀 比赛 的 评分 进化 出 最 完美 的 歌手 ? 

为 了 展示 这 种 技术 , 我 们 打算 创建 一 个 由 表情 构成 的 种 群 。 每 个 表情 都 有 一 系列 属性 : 头 的 
大 小 、 尖 的 颜色 、 了 眼睛 的 位 置 、 眼 睛 的 大 小 、 嘴 的 颜色 、 嘴 的 位 置 、 嘴 的 冤 度 以 及 嘴 的 高 度 。 
































图 9-14 
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表情 的 DNA ( 基因 型 ) 是 介 于 0~1 的 浮 点 数组 。 表 情 的 每 个 属性 都 对 应 着 数组 的 某 个 元 素 。 


class DNA { 
float[] genes; 
int Lemn=°20, 为 了 画 出 这 张 脸 ， 我 们 需要 20 个 基因 
DNA() { 


genes = new flLoat[Len]; 
for (int i = 0; i < genes.Length; I++) { 
genes[I] = random(0,1); 每 个 基因 都 是 介 于 0~1 的 随机 浮 点 数 


} 
表现 型 是 Face 类 ， 其 中 包含 一 个 DNA 实 例 。 
class Face { 


DNA dna; 
float fitness; 


接 下 来 要 在 屏幕 上 绘制 表情 ,我 们 可 以 用 Processing 的 map() 函数 将 基因 信息 转化 为 合适 的 像 
素 值 或 颜色 值 。( 在 本 例 中 ， 我 们 还 会 用 colorMode( ) 函数 将 RGB 范围 设置 为 0~1。) 


void display() { 














float r = map(dna.genes[0],0,1,0,70); ”用 map() 涵 数 将 基因 转化 为 绘制 参数 
color < color(dna.genes[1],dna.genes[2],dna.genes[3]); 
float eye y map(dna.genes[4],0,1,0,5); 


float eye x 
float eye size 
color eyecolor 
color mouthColor 
float mouth y 
float mouth x 
float mouthw 
float mouthh 


map(dna.genes[5],0,1,0,10); 
map(dna.genes[5],0,1,0,10); 
color(dna.genes[4],dna.genes[5],dna.genes[6]); 
color(dna.genes[7],dna.genes[8],dna.genes[9]); 
map(dna.genes[5],0,1,0,25); 
map(dna.genes[5],0,1,-25,25); 
map(dna.genes[5],0,1,0,50); 
map(dna.genes[5],0,1,0,10); 





ee 我 们 一 二 在 做 前 面 已 经 做 过 的 事 。 但 这 里 会 有 一 点 不 同 : 我 们 不 打算 实现 
fitness() 也 数 ， 也 不 打算 用 某 个 数学 公式 计算 表情 的 适应 度 ; 相反 ,我 们 打算 让 用 户 目 己 确 定 
0 


2 这 不 在 本 书 的 讨论 范围 。 因 此 我 
们 不 会 讨论 如 何 写 一 个 滑动 条 控件 ， 会 讨 ; ee 或 创建 一 个 Web 
应 用 专门 让 用 户 提交 在 线 分 数 。 0 应 度 分 值 应 该 由 你 自己 决定 , 同时 也 取决 
于 应 用 的 具体 类 型 。 


为 了 实现 简单 的 演示 功能 ,我 们 打算 用 以 下 方式 获取 适应 度 分 值 : 当 鼠 标 在 某 个 表情 上 停留 越 
久 ,， 它 的 适应 度 就 越 高 。 当 用 户 点 击 “evolvenext generation ”按钮 时 ， 我 们 就 为 他 创建 下 一 代表 情 。 
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让 我 们 来 看 看 遗传 算法 的 各 个 步 又 如 何 应 用 在 主 标 签 程序 中 。 我 们 要 注意 : 适应 度 由 鼠标 操 





作 决 是， 下 一 代 的 创建 由 按钮 触发 。 剩 余 的 代码 ， 如 鼠标 位 置 检查 、 按 钮 交互 …… 可 以 在 随 书 源 
代码 中 找到 。 


9 04 Faces interactiveselection 


EE ES 


evolve new generation 


Generation #:2 





示例 代码 9-4 ”交互 式 选择 


Population popuLation; 
Button button; 


void setup() { 
size(780,200); 
float mutationRate = 0.05; 
population = new Population(mutationRate, 10); 
button = new Button(15,150,160,20, "evolve new generation"); 


} 
void draw() { 


population.display(); 
popuLation.roLLover(mouseX,mouseY) ; 将 鼠标 位 置 传 入 popuLation 对 象 的 FoOLLover() 
函数 ， 以 此 确定 适应 度 


button.dispLay() ; 
} 
void mousePressed() { 
if (button.clicked(mouseX,mouseY)) { 一 旦 按钮 被 按 下 ， 就 通过 选择 和 繁殖 创建 下 一 代 
population. selection(); 


population.reproduction(); 


} 

注意 : 本 例 只 是 交互 式 选 择 的 演示 程序 ， 并 不 能 实现 具有 实际 意义 的 结 末 。 前 和 完 , 我 们 没有 
花心 思 设 计 表情 的 外 形 , 这 些 表情 只 是 由 简单 图 形 和 颜色 构成 的 。Sims 专 门 用 复 光 的 数学 函数 设 
计 图 像 的 基因 型 。 你 也 可 以 考虑 用 癌 量 创建 基因 型 ， 比 如 点 和 路 径 。 

这 里 还 有 个 关键 问题 ， 那 就 是 时 间 。 在 上 自然界， 进化 的 过 程 要 花费 数 百 万 年 。 在 电脑 模拟 的 
世界 里 , 我 们 用 某 种 特定 的 算法 创建 新 一 代 , 整个 进化 过 程 进行 地 很 快 , 在 猴子 敲 键盘 的 程序 中 ， 


























9.13 ”生态 系统 模拟 303 





在 每 一 帧 里 都 会 产生 新 的 子 代 (大 约 花费 1/60s )。 由 于 适应 度 值 是 根据 数学 公式 计算 出 来 的 ,我 
们 还 可 以 引入 更 大 的 样本 ,加快 进 化 速度 。 然 而 ,在 交互 式 选择 中 , 我 们 必须 等 竺 用户 对 种 群 的 
每 个 个 体 进 行 评分 , 评分 完成 后 才能 产生 下 一 代 。 如 果 种 群 太 大 , 用 户 会 党 得 很 无 聊 ， 而 且 用 户 
也 没有 耐心 经 历 太 多 子 代 ! 

这 个 问题 有 一 个 灵巧 的 解决 方案 。Sims 的 Galapagos 展 览 程序 隐藏 了 用 户 评 级 过 程 ， 因 为 它 
能 从 用 户 观 贫 作品 的 行为 中 得 到 数据 。Web 程 序 能 从 无 数 用 户 中 获取 评分 数据 ， 这 是 一 种 优秀 的 
分 布 式 策略 ， 适 合 快速 获取 大 种 群 的 评分 数据 。 

最 后 ， 我 要 声明 : 成 功 构建 交互 式 选择 系统 的 关键 在 于 遗传 算法 。 遗 传 算 法 的 几 个 关键 点 : 
什么 是 基因 型 和 表现 型 ; 如 何 计算 适应 度 。 在 交互 式 选 择 中 ， 第 二 个 问题 应 该 改 为 : 如 何在 用 户 
的 交互 过 程 中 获取 适应 度 ? 























练习 9.14 


请 创建 自己 的 交互 式 选 择 项 目 。 除 了 可 视 化 设计 ， 你 还 可 以 考虑 声音 的 进化 一 比如 音调 构成 
的 短 序 列 。 你 能 否 制 定 出 一 种 策略 用 于 获取 大 量 用 户 评分 ， 比 如 Web 程序 或 者 物理 传 感 系 统 ? 





9.13 ”生态 系统 模拟 


在 本 章 的 进化 系统 中 , 你 可 能 会 注意 到 一 些 奇 怪 的 地 方 。 在 现实 世界 中 ,种群 中 的 新 个 体 不 
会 在 同一 时 间 诞 生 ， 也 不 会 在 同一 时 间 成 长 或 繁殖 , 然后 立即 死亡 , 最 后 使 种 群 的 规模 保持 在 完 
美的 稳定 状态 。 这 些 行 为 方式 都 不 符合 真实 场景 。 也 不 会 有 人 拿 着 计算 融 在 条 林 中 四 处 转悠 ， 专 
门 为 每 一 种 生物 计算 适应 度 。 

在 真实 的 目 然 界 中 ， 并 不 存在 “ 适 关 生存 ”的 规律 ， 真 正 的 规律 是 “生存 者 生存 "。 也 就 是 
说 ,生存 时 间 越 久 的 生物 , 无 论 以 什么 原因 ， 繁 殖 的 机 会 总 是 更 大 。 新 个 体 在 诈 生 后 能 生存 一 段 
时 间 ， 在 这 有 段 时 间 内 它 可 能 会 粽 殖 出 后 代 ， 之 后 才 死 亡 。 

你 不 会 在 人 工 智能 教科 书 中 找到 “现实 世界 ”的 进化 模拟 。 本 章 的 前 面部 分 讲述 了 遗传 算法 
的 使 用 方式 。 但 是 ,由 于 本 书 的 目的 是 模拟 上 自然 系统 ， 因 此 我 们 有 必要 讨论 如 何 用 遗传 算法 构建 
一 个 类 “生态 系统 ”"， 就 如 同 我 们 在 每 一 革 最 后 做 的 练习 题 。 

我 们 先 从 一 个 简单 的 场景 开始 ， 创 建 一 种 名 为 “bloop” 的 生物 ， 这 是 一 个 圆圈 ， 根 据 Perlin 
噪声 算法 在 屏 大 中移动。 这 种 生物 有 一 个 半径 和 最 大 速度 。 我们 设 定 : 生物 的 外 形 越 大 ， 移 动 速 
上 度 越 慢 ; 外 形 越 小 ， 移 动 越 快 。 


class Bloop { 
































PVector location; 位 置 
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float r; 尺寸 和 速度 


float maxspeed ; 
float xoff, yoff; Perlin 骂 声 算 法 所 需 的 变量 


void update() { 
float vx = map(noise(xoff),0,1,-maxspeed,maxspeed); 
float vy = map(noise(yoff),0,1,-maxspeed,maxspeed); 


PVector velocity = new PVector(vx,vy); 用 Perlin 品 声 算 法 计算 速度 向 量 
xoff += 0.01; 
yoff += 0.01,; 
Location.add(veLocity ) ; bLoop 对 象 发 生 移动 

} 

void display() { bLoop 对 象 的 外 形 是 一 个 贺 
ellipse(location.x, location.y, r, r); 

} 


} 

上 述 代 码 遗 漏 了 一 些 细 市 (比如 在 构造 哨 数 中 初始 化 变量 ), 但 总 体 思路 是 正确 的 。 

在 本 例 中 ， 我 们 想 把 bLoop 种 群 放 到 一 个 ArrayList 中 ， 而 不 再 是 之 前 用 的 定 长 数组 ， 因 为 
随 着 btoop 个 体 的 诞生 或 死亡 ， 种 群 规 模 能 动态 扩大 或 缩小 。 我 们 可 以 在 WorLd 类 中 存放 这 个 
ArrayList 实 例 ， 它 负责 管理 bLoop 世 界 中 的 所 有 元 素 。 


class World { 














ArrayList <Bloop> bloops; bloop 对 象 列表 


World(int num) { 
bloops = new ArrayList<Bloop>(); 


for (int i = 0; i < num; I++) { 
bloops.add(new Bloop()); 初始 化 bLoop 对 象 列表 


} 

到 目前 为 止 ， 我 们 只 是 在 重复 第 $ 章 粒子 系统 的 构建 过 程 。 我 们 有 一 个 在 屏幕 中 移动 的 个 体 
(bloop )， 还 有 一 个 世界 (WortLd ) 管理 着 数量 可 变 的 个 体 。 为 了 将 它 变 成 进化 系统 ， 我 们 需要 
在 世界 中 加 入 两 个 额外 特性 : 

口 bloop 死 亡 

D bloop 诞 生 

我 们 用 btLoop 个 体 的 死亡 代替 适应 度 图 数 和 “选择 ”过 程 。 如 果 某 个 btoop 个 体 死 亡 ， 它 就 
无 法 繁殖 后 代 。 我 们 可 以 在 btoop 类 中 加 入 heaLth 变 量 ， 用 它 实 现 bLoop 个 体 的 死亡 机 制 。 
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class Bloop { 
float health = 100; bLoop 对 象 在 起 始 时 刻 拥有 100 点 生命 值 


在 每 一 帧 动画 中 ，bLoop 个 体会 损失 一 些 生 命 值 ( heatLth )。 


void update() { 





实现 运动 所 需 的 代码 
health -= 1; 递减 生命 值 
} 
如 果 bloop 的 health 减 为 0， 它 就 会 死亡 。 
boolean dead() { 在 bloop 类 中 加 入 一 个 函数 ， 检 查 bLo0p 对 象 是 否 
死亡 


if (health < 0.0) { 
return true; 
} else { 
return false,; 
} 
} 


这 是 一 个 很 好 的 开交 ， 但 我 们 还 没 做 成 任何 事 。 如 采 所 有 btLoop 的 heatLth 郡 从 100 开 始 ， 并 
在 每 一 帧 都 减 1， 这样 一 来 ， 所 有 bloop 的 生存 时 间 都 相同 ,也 会 同时 死亡 。 如 末 每 个 bloop 对 和 象 
部 有 相同 的 生存 时 间 ， 它 们 莹 殖 后 代 的 概率 也 相等 ， 因 此 种 群 就 不 会 进化 。 


我 们 可 以 用 多 种 方式 实现 可 变 的 生存 期 。 比 如 ， 引 入 btLoop 的 捕食 者 : bloop 的 运动 速度 越 
快 , 它 被 捕食 的 几率 也 就 越 低 , 最 后 会 进化 出 速度 越 来 越 快 的 bpLoop 对 象 。 此 外 还 可 以 引入 食物 : 
当 bLoop 对 和 象 吃 到 食物 ， 它 的 生命 值 就 提高 ， 生 命 也 得 以 延续 。 


假设 我 们 有 一 个 由 食物 位 置 组 成 的 ArrayList， 名 为 food。 我 们 可 以 通过 测试 bLoop 对 象 和 
食物 的 位 置 确定 bLoop 对 象 的 更 食 行为 : 如 果 btLoop 离 食物 足够 近 ， 它 就 吃 掉 这 些 食物 (食物 也 
从 世界 中 移 除 )， 增 加 目 己 的 生命 值 。 


void eat() { 
for (int i = food,.size()-1; i >= 0; i-——) { 
PVector foodLocation = food.get(i); 
float d = PVector.dist(location, foodLocation); 











if (d < r/2) { bloop 对 象 是 否 接近 食物 
health += 100; 如 果 是 ， 增 加 生命 值 
food.remove(i); 其 他 blLoop 对 象 已 无 法 吃 到 这 份 食物 
} 


} 


现在 ， 摄 入 更 多 食物 的 bloop 对 象 能 生存 更 久 ， 繁 殖 的 机 会 也 更 大 。 因 此 ， 我 们 希望 系统 能 
进化 出 竟 食 能 力 更 强 的 blLoop 对 和 象 。 





366 第 9 章 ”代码 的 进化 





既然 世界 已 经 构建 完成 , 下面 我 们 添加 进化 的 几 个 要 系 。 首先 , 我 们 要 建立 基因 型 和 表现 型 。 





9.13.1 基因 型 和 表现 型 


bloop 的 况 食 能 力 和 两 个 变量 有 关 : 大 小 和 速度 。bloop 的 大 寸 越 大 ， 竟 食 能 力 越 强 ， 因 为 
越 大 的 bloop 越 容易 和 食物 相交 ; btLoop 的 速度 越 快 ， 况 食 能 力也 越 强 ， 因 为 移动 速度 越 快 ， 单 
位 时 间 内 走 过 的 面积 越 大 ， 接 触 的 食物 也 越 多 。 


由 于 尺寸 和 速度 成 反比 ( 大 尺寸 的 blLoop 对 象 运动 快 , 小 尺寸 的 bloop 对 和 象 运 动 慢 )， 因 此 我 
们 只 需要 用 单个 数字 表示 基因 型 。 





四 食物 
更 快 的 速度 
2 
小 尺寸 bLoop 对 象 
更 慢 的 速度 
大 尺寸 bLoop 对 
图 9-15 
class DNA { 
float[] genes ; 
DNA() { 
genes = new float[1]; 我 们 只 需要 一 个 变量 ， 但 这 里 却 使 用 了 数组 ， 这 是 
出 于 对 后 续 扩展 的 考虑 


for (int i = 0; i < genes.length; i++) { 
genes[i] = random(0,1); 
} 
} 


表现 型 就 是 bLoop 本 身 。btLoop 类 中 有 一 个 DNA 对 象 ， 通 过 这 个 对 象 获取 自身 的 尺寸 和 速度 。 


class Bloop { 
PVector location; 
float health; 


DNA dna; bloop 对 和 象 有 DNA.; 


float r; 
float maxspeed ; 


Bloop(DNA dna ) { 
location = new PVector(width/2,height/2); 
health = 200; 
dna = dna ; 
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maxspeed = map(dna.genes[0]，0，1，15，0); 将 DNA 中 的 基因 映射 为 最 大 速度 和 半径 
r = map(dna.genes[0], 0, 1, 0, 50); 


} 


maxspeed 的 值 被 映射 到 15 ~ 0， 也 就 说 ， 如 果 基 因 值 为 0，bLoop 的 运动 速度 就 等 于 15; 如 果 
基因 值 为 1，btLoop 的 运动 速度 就 等 于 0。 


9.13.2 ”选择 和 繁殖 


有 了 基因 型 和 表现 型 之 后 ， 我 们 需要 设计 一 种 选择 荣 略 ， 从 种 群 中 选 出 一 些 bLoop 对 和 象 作 
为 繁殖 父 本 。 之 前 提 到 : bloop 的 生存 时 间 越 入 ， 繁 殖 的 机 会 越 大 。 因 此 ， 适应 度 就 是 bloop 
的 生存 时 间 。 

这 里 有 一 种 实现 方式 : 两 个 bLoop 对 象 一 旦 接触 , 它们 就 会 产生 一 个 新 的 bLoop 对 象 。bLoop 
生存 时 间 越 入 ， 它 们 接触 对 方 的 几率 越 大 ， 繁 殖 机 会 也 越 大 。( 这 还 会 影响 进化 结果 ， 因 为 除了 
食物 因素 ，bloop 接 触 对 方 的 能 力也 变 成 了 繁殖 因素 。) 

更 简单 的 实现 方式 是 “无 性 ”繁殖 ， 也 就 是 说 ，bloop 不 需要 配偶 就 能 繁殖 后 代 。 它 可 以 在 
任意 时 间 复 制 自己 ， 副 本 由 完全 相同 的 基因 组 成 。 我 们 可 以 将 该 选择 算法 描述 为 : 

在 任意 时 刻 ，bloop 都 有 1% 的 繁殖 机 会 。 

这 样 一 来 ，bloop 生 存 时 间 越 入 ， 它 至 少 繁殖 1 个 后 代 的 概率 也 越 高 。 这 和 买 彩票 的 原理 是 
一 样 的 : 买 彩票 的 次 数 越 多 ， 中 奖 的 概率 也 越 大 。( 很 遗憾 地 告诉 你 ， 即 使 如 此 ， 买 彩票 中 奖 的 
概率 依然 接近 0。 ) 

为 了 实现 这 个 选择 算法 ,我 们 可 以 在 bloop 类 中 加 入 一 个 函数 。 函 数 的 功能 是 : 在 每 一 帧 选 
择 一 个 随机 数 ， 如 果 随 机 数 小 于 0.01 ( 1% )， 就 产生 新 的 bLoop 对 象 。 














Bloop reproduce() { 该 也 数 返回 子 代 bLOop 对 象 
if (random(1) < 0.01) { 有 1 的 概率 执行 其 中 的 代码 ， 也 就 是 有 15 的 繁殖 机 会 


// 创建 新 的 bLoop 对 象 
} 
} 
bloop 对 和 象 如 何 繁殖 ? 在 之 前 的 例子 中 , 繁殖 过 程 需 要 调用 DNA 类 的 crossover() 铺 数 , 并 根 
据 新 的 DNA 创 建 对 象 。 由 于 本 例子 代 由 单个 父 本 生成 ， 因 此 只 需 调 用 对 象 的 copy() 晴 数 。 


Bloop reproduce() { 
if (random(1) < 0.0005) { 





DNA childDNA = dna.copy() ; 创建 DNA 的 副本 


childDNA .mutate(0.01); 15% 的 突变 率 
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return new Bloop(location, childDNA); 在 相同 的 位 置 ， 用 新 的 DNA 创 建新 的 bLoop 对 象 
} else { 
return null; 如 果 不 繁 殖 新 的 bLoop 对 象 ， 就 返回 NULL 


} 


我 们 将 繁殖 概率 从 1% 降 到 0.5%， 这 个 值 会 带 来 很 大 的 有 影响。 繁殖 概率 越 高 ， 系 统 就 会 越 快 
进入 个 体 数 量 饱 和 状态 ; 繁殖 概率 如 果 过 低 ， 系 统 中 的 生物 就 会 很 快 灭 绝 。 

DNA 类 的 copy () 函数 很 容 多 实现 , 因为 Processing 提 供 了 一 个 arrayCopy() 图 数 , 该 限 数 用 于 
复制 数组 内 容 。 


class DNA { 


DNA copy() { Copy () 函 数 代 替 了 之 前 的 CrosSsover ( ) 函数 


float[] newgenes = new float[genes.length]; 用 相同 的 长 度 创 建新 数组 ， 复 制 内 容 


arraycopy (genes,newgenes); 
return new DNA (newgenes); 


} 
实现 完 选择 和 繁殖 的 特性 后 , 我们 就 可 以 终结 这 个 Wortd 类 了 , 它 的 主要 功能 就 是 管理 bloop 
对 和 象 和 食物 列表 。 


Seo 会 进化 出 什么 样 的 ptoop 对 旬 (尺寸 和 速度 )。 我 们 
会 在 后 面 讨论 这 一 点 。 





_9 05_ EvolutionEcosystem 





示例 代码 9-5 ”进化 的 生态 系统 


World world; 


void setup() { setup ( ) 函数 和 draw( ) 函数 的 职责 是 创建 和 运行 
WorLd 对 象 
size(600,400); 
world = new World(20); 
} 


void draw() { 
background (255 ) ; 
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worLd, run( ) ， 


class World { 


ArrayList<Bloop> bloops; WorLd 对 象 管理 着 种 群 个 体 和 食物 
Food food ; 
World(int num) { 


food = new Food (num); 
bloops = new ArrayList<Bloop>(); 


for (int i = 0; i < num; i++) { 创建 种 群 


PVector Location = new PVector(random(width),random(height)); 
DNA dna = new DNA(); 
bloops.add(new BLoop(L,dna) ) ; 


} 


void run() { 
food.run(); 


for (int i = bloops.size()-1; i >= 0; i--) { 


Bloop b = bloops.get(i); 存活 的 bLoop 对 象 

b.run(); 

b.eat (food); 

if (b.dead()) { 如 果 bLoop 死 亡 ， 它 就 被 移 除 ， 并 在 对 应 的 位 置 
呈 生 人 人 份 食 灼 


bloops.remove(1i); 
food.add(b. Location); 


Bloop child = b.reproduce(); 每 个 存活 的 DLoop 对 象 都 有 繁殖 机 会 ， 新 产生 的 
子 代 也 应 该 被 加 入 种 群 
if (child != null)bloops.add(child); 


} 

如 果 你 猜测 系统 将 会 进化 出 中 等 尺寸 和 速度 的 blLoop 对 象 ， 那 就 对 了 ! 在 这 个 系统 中 ， 大 尺 
十 的 btoop 对 象 运动 过 慢 ， 很 难 找到 食物 ; 小 尺寸 的 blLoop 对 象 的 运动 速度 很 快 , 但 尺寸 太 小 ， 
也 难以 找到 食物 。 尺 寸 中 每 的 对 象 ， 运 动 速度 足够 快 ， 寻找 食物 的 能 力 最 强 ， 因此 存活 时 间 也 最 
久 。 但 也 有 例外 ， 比 如 ， 恰 好 有 一 堆 bLoop 对 象 聚集 在 同一 块 区 域 〈 由 于 体积 过 大 ， 它 们 很 少 移 
动 )， 这 些 对 象 很 快 就 会 死亡 ， 最 后 和 镜 下 很 多 食物 供 存活 的 大 尺寸 bloop 食 用 ， 这 样 一 来 ， 小 部 
分 大 尺寸 的 bloop 对 和 象 就 能 在 某 个 特定 位 置 存 活 一 段 时 间 。 

这 个 例子 非常 简单 ， 因 为 它 只 有 单个 基因 ， 还 是 无 性 繁殖 。 下 面 有 一 些 优化 建议 , 你 可 以 在 
bloop 程 序 中 加 入 这 些 特性 ， 构 建 更 复杂 的 生态 系统 。 























370 第 9 章 ”代码 的 进化 


生态 系统 项 目 
第 9 步 练习 
以 本 章 的 示例 程序 为 出 发 点 ， 请 在 生态 系统 中 加 入 进化 特性 


口 在 你 的 生态 系统 中 加 入 捕食 者 。 捕食 者 和 被 捕食 者 (或 者 寄生 者 和 宿主 ) 之 间 的 生物 进化 
通常 称 为 “军备 苋 寓 "。 其 中 的 生物 不 断 适 应 与 反 适 应 对 方 。 你 能 否 用 多 种 生物 实现 这 样 
的 行为 ? 

口 如 何在 bloop 生态 系统 中 实现 两 个 父 本 的 交叉 以 及 变异 ? 尝试 实现 让 两 个 互相 接触 的 生物 
ee 除 此 之 外 ， 你 能 否 创 建 出 有 性 别 的 生物 ? 

尝试 着 用 转向 力 的 权重 组 成 生物 的 DNA。 你 能 否 让 系统 进化 出 擅 于 互相 合作 的 个 体 ? 

i EE 发 现 多 数 努 力 的 结果 总 是 种 群 饮 
和 (和 随 之 而 来 的 大 灭绝 ) 或 直接 灭绝 。 请 思考 用 什么 样 的 技术 能 达到 平衡 ， 站 
传 算 法 进化 出 最 优 的 生态 系统 参数 。 


SK 





伸 经 网 络 


“你 无 法 用 常人 的 大 脑 解读 我 。” 





人 














我 们 已 经 到 了 故事 的 结尾 ， 这 是 本 书 最 后 一 章 〈 我 还 提供 了 补充 阅读 质料 的 网 址 ， 或 许 将 来 
会 有 新 的 篇 音 )。 本 书 从 无 生命 物体 的 运动 开始 ， 之 后 再 给 这 些 物体 加 上 主观 意愿 及 目 治 功能 ， 
让 它们 具有 按照 系统 规则 执行 行为 的 能 力 。 最 后 ， 我 们 还 把 物体 放 到 种 群 中 ， 让 它们 参与 进化 。 
本 章 主 要 围绕 以 下 问题 展开 : 物体 的 决策 过 程 是 怎样 的 ; 它 如 何在 学 习 中 调整 日 己 的 选择 ; 一 个 
计算 实体 能 否 处 理 它 的 环境 ， 然 后 做 出 决策 ? 

人 类 的 大 脑 可 以 描述 为 生物 神经 网 络 一 一 一 个 由 相互 连接 的 神经 元 构成 的 网 络 , 能 以 复杂 的 
方式 传导 电信 号 。 在 生物 神经 网 络 中 , 神经 元 通过 树 突 接收 输入 信号 ， 基 于 这 些 输入 信息 ， 再 通 
过 轴 突 产生 一 个 输出 信号 。 人 类 大 脑 的 工作 方式 非 凋 复杂 , 本草 不 会 非 第 严 译 而 证 细 地 展开 探讨 。 























就 像 本 书 一 下 贯彻 的 理念 ， 开 发 神经 网 络 的 动画 系统 并 不 一 定 要 有 准确 和 严 齐 的 科学 原理 。 
我 们 只 和 需要 从 大 脑 功能 中 绑 取 简单 的 灵感 。 


本 章 首 先 从 概念 上 概述 神经 网 络 功能 特性 ,然后 会 创建 一 个 很 简单 的 示例 程序 ( 由 单个 神经 
元 构成 的 神经 网 络 ), 并 且 会 讨论 实现 brain 对 和 象 的 策略 ;这 个 对 和 象 可 以 用 在 之 前 的 Vehicle 类 中 ， 
为 小 车 的 转 回 行为 做 出 决 案 。 最 后 ， 本 曹 会审 你 学 习 神经 网 络 的 动画 和 可 视 化 技术 。 
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10.1 人 工 神经 网 络 : 导论 和 应 用 


计算 机 科学 家 早已 从 人 类 大 脑 中 获得 一 些 灵 感 。1943 年 ， 神 经 学 家 Warren S. McCulloch 和 远 
辑 学 家 Walter Pitts 共 同 开 发 了 第 一 个 概念 性 人 工 神 经 网 络 模型 ,在 一 篇 名 为 4 logical calculus of the 
ideas imminent in nervous activity 的 论文 中 ， 他 们 这 样 描述 神经 元 : 一 个 处 在 网 络 中 的 细胞 ， 能 够 
接收 输入 ， 然 后 处 理 这 些 输入 ， 并 产生 输出 。 


他 们 没有 精确 描述 大 脑 的 工作 方式 , 后 续 的 诸多 人 工 神 经 网 络 研 究 者 也 是 如 此 ， 人 工 神 经 网 
络 只 是 一 个 基于 大 脑 工 作 方 式 设计 的 用 于 解决 特定 问题 的 计算 模型 。 

你 肯定 能 想象 得 到 ， 某 些 问 题 对 于 计算 机 来 说 非常 简单 ， 但 对 于 人 类 来 说 却 非常 难 。 比 如 ， 
964 324 的 平方 根 是 多 少 ? 如 条 把 问题 区 给 计算 机 ， 它 只 需要 用 一 行 代码 就 可 以 求 出 正确 答案 : 
982。Processing 求 解 这 个 问题 花费 的 时 间 不 超过 1 毫秒 。 但 也 有 些 问 题 ， 人 类 解决 起 来 非常 容易 ， 
对 计算 机 来 说 却 很 难 。 比 如 , 给 小 孩 看 小 猫 或 小 狗 的 照片 , 他 们 会 马上 告诉 你 照片 上 是 什么 动物 ; 
某 一 天 你 跟 卫生 人 热情 地 打招呼 , 第 二 天 就 会 被 对 方 认 出 来 。 但 计算 机 能 轻易 完成 这 种 任务 吗 ? 
很 多 计算 机 科学 家 其 至 花费 了 毕生 精力 来 研究 这 类 问题 的 解决 方案 。 

神经 网 络 最 津 见 的 应 用 就 是 执行 “人 类 容易 解决 ， 而 计算 机 难以 解决 ”的 任务 ,， 这 类 任务 通 
津 称 作 柑 式 识别 。 神 经 网 络 的 应 用 冰 围 很 广 ， 从 光学 字符 识别 (将 手 瑟 或 打印 文本 转化 为 数学 文 
本 ) 到 面部 识别 。 我 们 没有 时 间 也 没有 必要 在 本 书 使 用 这 些 复杂 的 人 工 智能 算法 ,如果 你 对 人 工 
智能 有 兴趣 ， 我 建议 你 去 读 Stuart J. Russell 和 了 Peter Norvig 写 的 Artificial Intelligence: 4 Modern 
Approach， 还 有 David M. Bourg 和 Glenn Seemann 写 的 4]for Game Developers。 


神经 网 络 是 一 个 “联结 ”的 计算 系统 ， 而 我 们 编写 的 计算 机 程序 是 过 程式 的 : 程序 从 第 一 行 
代码 开始 ,执行 完 这 一 行 代 码 后 就 继续 执行 下 一 行 , 所 有 指令 神 是 以 线性 方式 组 织 起 来 的 。 神 经 
网 络 并 不 这 循 线性 路 径 ， 相 反 ， 整 个 网 络 的 市 点 (市 点 就 是 神经 元 ) 以 并 行 的 方式 处 理 信 息 。 












































图 10-2 








神经 网 络 也 是 复杂 系统 的 一 个 例子 ， 它 和 第 6 革 、 第 7 革 和 第 8 半 的 某 些 概念 类 似 。 作 为 神经 
网 络 的 个 体 元 系 ， 神 经 元 的 功能 非常 简单 ， 它 只 读 取 输入 ， 处 理 输入 信息 ， 最 后 产生 输出 。 但 由 
诸多 神经 元 构成 的 网 络 却 能 表现 出 极其 丰富 和 智能 的 行为 。 
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神经 网 络 的 天 键 要 素 之 一 是 它 的 学 习 能 力 。 神 经 网 络 不 只 是 一 个 复杂 的 系统 ,还 是 一 个 复杂 
的 自 适 应 系统 。 这 意味 看 它 可 以 根据 流 经 的 信息 改变 日 喘 的 内 部 结构 ,一 般 情 帝 下， 这 个 过 程 通 
过 调整 权重 的 方式 实现 。 在 上 图 中 , 每 一 条 连 线 表 示 两 个 神经 元 之 间 的 连接 ,箭头 表示 信息 流 的 
通路 。 每 个 连接 部 有 日 己 的 权重 一 一 控制 两 个 神经 元 之 间 信 号 传递 的 数 子 。 如 果 网 络 产 生 一 个 
“好 ”的 输出 ( 我 们 会 在 后 面 定义 什么 是 “好 ”的 输出 )， 则 不 需要 调整 权重 ; 如 末 网 络 产 生 一 个 
差 ” 的 输出 ， 也 台 是 一 个 错误 ， 那 么 系统 将 会 执行 适应 过 程 ， 改 变 目 己 的 内 部 权重 ， 以 改进 后 
续 的 输出 结果 。 

神经 网 络 有 多 种 学 习 策略 ， 本 章 会 市 你 学 习 其 中 的 两 种 。 

口 监督 式 学 习 ”本质 上 ， 这 种 策略 还 涉及 一 个 “老师 “,，“ 老 师 ” 比 神经 网 络 本 吴 更 智能 。 
在 面部 识别 中 ,“ 老 师 ” 疝 神经 网 络 展示 一 系列 脸 部 照片 。 神 经 网 络 先 猜测 这 些 脸 的 名 学 ， 
随后 “老师 ”告诉 它 正 确 答案 ， 让 神经 网 络 比较 猜测 绪 末 和 “正确 ”答案 的 区 别 ， 再 根 
据 错 误 进 行 调 整 。 下 一 节 涉 及 的 神经 网 络 就 属于 这 种 类 型 。 

口 非 监督 式 学 习 ”这 种 策略 适用 于 没有 已 知 数据 集 的 情况 ， 比 如 在 一 个 数据 集中 寻找 隐藏 醒 
式 。 凤 类 束 是 此 类 神经 网 络 的 一 种 应 用 ， 它 的 功能 是 根据 未 知 规律 对 一 组 元 系 进 行 分 组 。 
本 章 不 会 学 习 任 何 天 于 非 监督 式 神 经 网 络 的 例子 , 因为 这 种 琳 略 与 示例 程序 的 相关 度 很 低 。 

口 增强 式 学 习 ”这 种 策略 构建 在 观察 基础 上 上。 想象 一 只 老鼠 走 迷 宫 : 如 果 它 朝 左 走 ， 会 得 
到 一 块 奶酪 ;天 右 走 ， 会 受到 司 吓 。 经 过 一 段 时 间 的 学 习 后 ， 老 鼠 会 日 党 回 左 转 。 其 中 
学 习 过 程 大 概 是 这 样 的 : 老鼠 的 神经 网 络 匈 做 出 转 回 的 决定 〈 朝 左 还 是 天 右 )， 再 观察 它 
的 环境 。 如 末 观 察 结 有 末 是 消极 的 ， 为 了 在 下 次 做 出 不 同 的 决定 ， 网 络 会 调整 内 部 权重 。 
增强 式 学 习 在 机 带 人 中 比较 稼 见 。 在 峙 刻 ， 机 各 人 执行 茶 项 任务 并 观察 结 朱 : 它 是 撞 到 
本 一 堵 增 或 者 从 果子 上 挥 沙 ， 还 是 依旧 安然 无 十 ?在 本 章 的 转向 小 车 模拟 中 ， 我 们 会 学 
习 这 类 神经 网 络 。 

神经 网 络 的 学 习 能 力 和 调整 内 部 结构 的 能 力 使 得 它 在 人 工 智能 领域 非常 有 用 。 下面 是 神经 网 

络 在 软件 领域 的 几 种 应 用 场景 。 

口 模式 识别 ”我 们 已 经 提 到 过 模式 识别 ， 这 可 能 是 神经 网 络 最 常用 的 场景 。 具 体 的 应 用 实 
例 有 面部 识别 、 光 学 字符 识别 等 。 

口 时 序 预测 ”神经 网 络 可 以 用 来 进行 数据 预测 。 比 如 ， 明 天 的 股票 是 涨 是 跌 ， 明 天 是 晴天 
还 生 雨 天 ? 

口 信号 处 理 ” 人工 耳蜗 植 入 术 和 助 听 带 党 要 过 渡 挥 不 必要 的 噪声 并 放大 重要 声 首 。 神 经 网 
络 可 以 经 训练 从 而 处 理 音 频 信号 ， 并 适当 地 过 滤 信 号 。 

口 控制 ”你 可 能 听 过 月 动 区 驶 汽车 的 研究 动 回 。 神 经 网 络 通 稼 被 用 来 管理 物理 汽车 〈 或 模 
拟 汽 车 ) 的 转 回 决策 。 

口 软 传感器 ” 软 传 感 带 指 的 是 测量 集合 的 分 析 处 理 。 温 度 计 可 以 告诉 你 空气 温度 ， 其 他 传 
感 融会 告诉 你 湿度 、 气 压 、 露 点 温度 、 空 气质 量 、 空 气 密 度 等 数据 ， 神 经 网 络 处 理 从 这 
些 传 感 带 接 收 的 输入 数据 ， 将 这 些 数 据 作 为 整体 进行 评 佑 。 
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口 异常 检测 ”由 于 神经 网 络 擅 于 识别 模式 ， 它 们 还 可 以 检测 菜 些 事情 是 否 合 乎 规律 。 想 象 
菏 个 神经 网 络 正在 监视 你 的 日 常 行为 ， 经 过 一 段 时 间 ， 它 已 经 掌握 了 你 的 行为 模式 。 当 
你 做 错 茶 些 事 时 ， 它 能 做 出 提醒 。 


这 绝对 不 是 神经 网 络 应 用 的 完整 列表 , 但 我 希望 这 能 使 你 对 神经 网 络 的 特点 及 应 用 可 能 性 有 
一 个 大 致 的 了 解 。 神 经 网 络 是 复杂 且 困 难 的 ， 它 涉及 各 种 高 深 的 数学 知识 。 虽 然 其 中 的 很 多 反 术 
非 第 有 了 吸 引力 同时 在 科学 人 研究 上 有 重要 意义 )， 但 在 Sketch 的 动画 和 交互 程序 中 并 没有 实践 意 
义 。 如 来 要 徐 冀 所 有 这 些 内 容 ， 我 们 需要 为 一 本 书 ， 其 至 是 一 系列 的 书 。 


此 ， 我 们 将 在 本 草 学 习 最 简单 的 神经 网 络 模 型 ， 只 是 为 了 理解 如 何 将 概念 运用 到 代码 中 。 
后 续 我 们 会 用 Processing Sketch 构 建 这 些 概念 的 可 视 化 结 





























10.2 感知 应 


感知 右 是 由 就 职 于 Cornell 航 空 实验 室 的 Frank Rosenblatt 于 1957 年 发 明 的 , 它 可 以 被 视 为 最 简 
单 的 神经 网 络 : 单 神经 元 计算 模型 ,一 个 感知 兹 由 一 个 或 多 个 输入 、 一 个 处 理 益 和 单个 输出 构成 。 


ek 


剧 





We 





图 10-3 ”感知 器 


感 和 冀 巡 人 循 “前 馈 ” 模 式 ， 即 神经 元 接收 输入 并 人 处理 输 入， 最 后 产生 输出 。 在 上 图 中 ,我们 
应 该 按照 从 左 向 右 的 方式 解读 这 个 神经 网 络 ( 单个 神经 元 ): 接收 输入 ， 产 生 输 出 。 

下 面 我 们 来 详细 讨论 每 个 处 理 步 又 。 

第 一 步 : 接收 输入 

假设 某 个 感知 六 有 两 个 输入 


输入 0: xl1 = 12 
输入 1: x2 = 4 


第 二 步 : 输入 加 权 
每 个 被 送 入 神经 元 的 输入 首先 要 被 加 权 , 也 就 是 将 它 乘 以 某 个 权重 (通常 是 介 于 -1~1 的 某 个 
数 )。 当 感知 需 被 创建 时 ， 我 们 会 为 每 个 输入 分 配 随 机 权重 。 假 设 本 例 的 输入 权重 如 下 。 


权重 0: 0.5 
权重 1: -1 


将 每 个 输入 乘 以 它 的 权重 : 





X1 和 x2 。 








输入 0 x 权重 0 
输入 1 x 权重 1 


第 三 步 : 输入 求 和 

对 加 权 后 的 输入 求 和 : 

总 和 =6+-4=2 

第 四 步 : 产生 输出 

将 总 和 传人 一 个 激励 限 数 ( activation function ) 后 ， 我 们 就 能 得 到 感知 需 的 输出 。 输 出 可 以 
是 一 个 简单 的 二 进 制 数 ， 这 相当 于 让 激励 晒 数 告诉 感知 天 是 否 “ 激 发 ” 某 种 操作 。 你 可 以 在 输出 
并 连接 一 个 LED 灯 : 如 果 感 知 希 被 激发 ， 灯 亮 ; 反之 ， 灯 不 亮 。 

激励 函数 可 以 很 复 淋 ， 人工 入 能 书籍 中 的 激励 限 数 一 般 会 涉及 微 积分 的 相关 知识 。 但 本 例 的 
激励 函数 非常 入 单 ， 我 们 只 是 让 它 返 回 总 和 的 符号 。 换 句 话 说， 如 果 上 总 和 是 正 数 ,输出 结果 就 是 
1; 如 果 是 人 负数， 输出 结果 就 是 -1。 

输出 = sign (总 和 ) = sign(2) = +1 

让 我 们 先 回 顾 和 总 结 一 下 这 些 操 作 ， 以 便 后 续 用 代码 实现 。 

感知 器 算法 

(1) 对 每 个 输入 ， 将 它 乘 以 对 应 的 权重 ; 

(2) 对 加 权 后 的 输入 求 和 ; 

(3) 把 总 和 传人 一 个 激励 图 数 (返回 符号 )， 得 到 感知 希 的 输出 。 

假设 我 们 将 输入 和 权重 分 别 放 到 两 个 数组 中 ， 比 如 : 


float[] inputs = {12, 4}; 
float[] weights = {0.5,-1}; 


“对 每 个 输入 ”这 人 句 话 暗示 了 一 个 循环 ， 在 每 一 轮 循环 中 ， 我 们 将 输入 乘 以 权重 ， 然 后 在 循 
环 中 对 它们 求 和 。 


1l2 x0.5 = 6 
4 x -1= -4 





float sum = 0; 步骤 1 和 步骤 2: 将 所 有 加 权 后 的 输入 相 加 
for (int i = 0; i < inputs.Length; I++) { 
sum += inputs[i]*weights[i]; 





站 

得 到 总 和 之 后 ， 我 们 就 可 以 用 激励 函数 计算 最 后 的 输出 。 

float output = activate(sum); 步骤 3: 用 一 个 激励 函数 处 理 总 和 
Int activate(fLoat sum) { 激励 函数 


if (sum > 0) return 1; 如 果 是 正 数 ， 就 返回 1; 负数 时 返回 -1 


else return -1; 0 
) 
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10.3 ”用 感知 器 进行 简单 的 模式 识别 


我 们 已 经 理解 了 感知 从 的 运算 过 程 ， 下 面 来 看 一 个 具体 的 例子 。 我 们 在 前 面 曾经 提 到 ,神经 
网 络 沼 用 于 模式 识别 ， 比 如 面部 识别 。 即 使 是 非 第 简单 的 感知 右 也 能 表现 出 基本 的 分 类 功能 ， 如 
下 例 所 示 : 

















在 二 维 空 间 中 有 一 条 直线 , 它 将 平面 上 的 点 分 阳 成 两 部 分 , 我 们 要 用 神经 网 络 判 断 某 一 个 点 
位 于 哪 一 边 。 尺 管 这 是 一 个 非 第 简单 的 例子 (不 需要 用 神经 网 络 就 能 判断 点 位 于 哪 一 边 )， 但 它 
展示 了 感知 从 的 训练 过 程 。 


假设 感知 闹 有 两 个 输入 《〈 某 个 点 的 x 坐 标 和 ?坐标 )， 在 激励 函数 的 处 理 下 ， 可 能 产生 两 种 输 
出 结果 : -1 或 +1。 换 句 话说 ,我们 要 根据 输出 结果 的 符号 对 输入 进行 分 类 。 如 上 图 所 示 ， 所 有 所 
可 被 分 为 两 类 : 位 于 直线 下 方 ( -1 ) 或 位 于 直线 上 方 (+1 )。 


我 们 可 以 用 下 图 表示 这 个 感知 可: 














一 
一 一 一 一 一 一 一 一 答 出 

一 

J 
图 ”10-5 

如 上 图 所 示 ， 感知 大 有 两 个 输入 (x 和 y )， 每 个 输入 都 有 一 个 权重 ( weight.flweight, )，| 际 此 
之 外 ， 感 知 侣 还 有 一 个 神经 元 和 输出 结果 。 

然而 ， 这 里 还 有 一 个 问题 。 考 虑 点 (0,0)， 如 果 把 这 个 点 传人 感知 句 (输入 为 : x=0 和 y=0 )， 
会 得 到 什么 结果 ? 无 论 权 重 等 于 多 少 ， 总 和 总 是 为 0! 但 这 并 不 是 正确 结果 一 一 因为 在 这 个 二 维 
平面 中 ， 点 只 能 被 分 为 两 类 : 位 于 直线 上 方 或 者 下 方 ! 


为 了 避免 这 个 问题 ,我们 的 感知 融 还 要 有 第 三 个 输入 ,这 个 输入 浓 称 为 偏 置 输入 。 俩 置 输入 
总 是 等 于 1， 也 有 相应 的 权重 。 加 入 偶 置 后 ， 感 知 胡 如 下 图 所 示 : 
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1 
op 
SHUI 
+ 


weight 
四 -一 输出 
A jv 


让 我 们 回 到 点 (0,0)， 它 的 输入 如 下 : 
0 * x 的 权重 = 0 

0 * y 的 权重 = 0 

1] * 偏 置 的 权重 = 偏 置 的 权重 








输出 值 等 于 三 者 的 和 : 0 加 上 0, 再 加 上 偏 置 的 权重 。 因 此 , 仿 置 回答 了 点 (0, 0) 位 于 百 线 哪 一 
下 大 


边 的 问题 。 如 末 偏 置 的 权重 是 正 数 , (0,0) 束 位 于 和 直线 上 方 ; 如 果 为 负数 , 则 位 于 百 线 下 方 。 它 “ 偶 
置 ” 了 感知 希 对 于 直线 和 (0, 0) 之 间 相 对 位 置 的 理解 。 





10.4 ”实现 感知 器 
下 面 我 们 准备 实现 感知 器 类 。 感 
权重 。 


感知 船只 需要 存放 输入 权重 ， 我 们 可 以 用 译 点 数组 保存 这 些 


class Perceptron { 
float[] weights,; 


构造 了 两 数 接收 了 一 个 参数 ,该 参数 指定 输入 的 数量 ( 本 例 有 3 个 输入 : x、y 和 仿 置 )， 数组 的 
长 度 也 等 于 该 参数 。 


Perceptron(int n) { 


weights = new float[n]; 


for (int i = 0; i < weights. length; i++) { 


weights[i] = random(-1,1); 用 随机 值 初始 化 权重 
} 
} 





接收 输入 数据 , 并 产生 输出 数据 。 我 们 可 以 把 这 些 需 求 封 淡 成 一 个 feedforward() 
因数 。 在 本 例 中 ， 感 知 带 的 输入 是 一 个 数组 〈 数 组 长 度 和 权重 数组 长 度 相 等 )， 输出 是 一 个 整数 。 


int feedforward(fLoat[] inputs) { 
float sum = 0; 








for (int i = 0; i < weights. length; i++) { 
sum += inputs[i]*weights[i]; 
} 
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return activate(sum); 总 和 的 符号 决定 结果 ，-=-1 或 1。 感 知 器 做 出 猜测 : 
它 位 于 直线 的 哪 一 边 
} 
我 们 可 以 创建 一 个 Perceptron (感知 带 ) 对 象 ， 然后 传人 一 个 点 ， 让 它 猜测 这 个 点 处 于 下 
线 的 哪 一 边 。 






+1 
pa 权重 
Es 测试 结果 
。(X， jA 
输入 x i 
感知 器 
-1 偏 置 = i 
图 10-7 
Perceptron p = new Perceptron(3) ; 创建 感知 器 对 象 
float[] point = {50, -12, 1}; 3 个 输入 值 : X、Y 和 偏 置 
int result = p.feedforward(point); 最 后 答案 








感知 需 有 没有 猜 对 结果 ? 感知 需 猜 对 结果 的 概率 不 超过 5$0%。 请 记 住 , 在 创建 感知 锅 时 ,我们 
用 随机 值 初 始 化 每 个 权重 。 神 经 网 络 并 没有 魔法 , 除非 我 们 教 它 怎么 做 , 否则 它 无 法 猜 中 任何 结果 

为 了 训练 神经 网 络 ， 让 它 能 猿 出 正确 ， 我 们 打算 引入 10.1 方 中 介绍 的 监督 式 学 习 方 法 。 

在 监督 式 学 习 中 , 我 们 向 神经 网 络 提供 已 知 答案 的 输入 。 通 过 这 种 方式 ,神经 网 络 就 能 知道 
自己 是 否 做 出 了 正确 的 决定 。 如 果 决 定 是 错误 的 ， 神 经 网 络 就 从 误差 中 学 习 ， 调 整 内 部 的 权重 。 
整个 处 理 过 程 如 下 。 

(1) 癌 感 知 器 提供 输入 ， 这 些 输入 的 答案 是 已 知 的 。 

(2) 让 感知 闫 猜测 答案 。 

(3) 计算 误差 。( 感知 此 是 否 猿 到 了 正确 答案 ? ) 

(4) 根据 误差 调整 所 有 权重 。 

(5) 回 到 步骤 (1) 并 重复 。 

步骤 (1)~ 步 又 (4) 可 以 封装 成 一 个 函数 ,在 实现 这 个 函数 之 前 , 我 们 需要 详细 描述 第 (3) 步 和 第 
(4) 步 的 操作 : 如 何 定 义 感知 器 的 误差 ， 以 及 如 何 根据 误差 调整 权重 ? 

感知 右 的 误差 可 以 被 定义 为 正确 答案 和 猜测 之 间 的 偏差 : 

误差 = 正确 输出 - 猜测 输出 
你 对 以 上 公式 可 能 感到 非常 熟悉 。 在 第 6 草 ， 我 们 用 类 似 方 式 计 算 了 转 问 力 : 
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转向 力 = 所 需 速度 - 当前 速度 
这 也 是 一 种 误差 计算 方式 。 当 前 速度 相当 于 猜测 绪 来 ， 转 回力 相当 于 误差 ,误差 告诉 我 们 如 
何 将 速度 调整 为 正确 的 方 回 。 因 此 ， 小 本 的 转 加 力求 解 过 程 和 神经 网 络 的 权重 调整 是 一 样 的 。 
在 感知 器 中 ， 输 出 结果 只 有 两 种 情况 : +1 或 -1。 这 意味 着 可 能 出 现 的 误差 有 3 种 。 


如 打 感 知 表 猜 到 了 正确 答案 ， 即 猜测 的 结 采 等 于 预期 结 末 ， 误 差 就 等 于 0; 如 来 正确 答案 是 
-1I， 而 感知 澳 猜 了 +1， 误 差 就 等 于 -2; 如 果 正 确 答 案 是 +1， 而 感知 硕 猜 了 -1， 误 差 就 等 于 +2。 











正确 答案 猜测 答案 误 郑 
一 ] 一 ] 0 
一 ] 十 ] 一 2 
十 ] 一 ] 十 2 
| 十 ] 0 








误差 是 权重 调整 的 决定 因 系 。 权 重 的 调整 幅度 通常 用 A 权重 表示 (或 者 “delta” 权 重 ，delta 
就 是 希腊 字母 A )。 
新 权重 = 权重 + A 权重 
A 权重 可 由 误差 和 输入 的 乘积 计算 得 到 。 
人 权重 = 误差 x 输入 
因此 : 
新 权重 = 权重 + 误差 x 输入 


为 了 理解 这 个 公式 的 原理 ,我 们 可 以 回 到 转 癌 力 的 计算 ( 见 6.3 市 ) 转 回力 等 同 于 速度 的 误 
差 。 如 来 我们 让 小 车 的 加 速度 ( A 速度 ) 等 于 转 回力 ， 速 度 就 会 阴 春 正确 的 方 癌 改变 。 神 经 网 络 
也 是 如 此 ， 它 应 该 明 春 正确 的 方 癌 调整 ， 而 这 个 方 癌 就 是 由 误差 决定 的 。 


然而 在 转向 行为 中 ,转向 力 的 最 大 值 也 在 控制 小 车 的 转向 能 力 。 如 果 这 个 最 大 值 足够 大 ,小 
车 的 加 速 和 转向 就 很 快 ， 如 果 这 个 值 太 小 , 小 车 就 要 花 更 多 时 间 来 调整 速度 。 神 经 网 络 也 用 了 类 
似 的 策略 ， 相 应 的 变量 称 为 “学 习 常数 ”。 我 们 可 以 用 以 下 方式 添加 这 个 学 习 常 数 ， 
新 权重 = 权重 + 误差 x 输入 x 学 习 常数 

注意 ,学 习 常数 越 大 ， 权 重 的 变化 幅度 也 越 大 ， 这 会 让 我 们 更 快 地 解决 问题 。 但 如 果 权 重 恋 
化 幅度 太 大 ,我 们 可 能 会 错过 最 优 权重 。 反 过 来 ,学习 常数 越 小 ,权重 变化 越 慢 ,学 习 过 程 要 花 
费 的 时 间 更 多 ， 权 重 调整 幅度 也 越 小 ， 因 此 能 提高 神经 网 络 的 整体 精度 。 

假设 学 习 常数 为 变量 <， 我 们 可 以 按 上 述 方式 实现 感知 器 的 训练 函数 。 代 码 如 下 10 
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float c = 0.01; 用 来 控制 学 习 常 数 的 新 变量 
void train(float[] inputs, int desired) { 步骤 1: 提供 输入 和 已 知 答案 ， 它 们 都 被 传 入 
train() 有 函数 
int guess = feedforward(inputs ) ; 步骤 2: 根据 输入 做 出 猜测 
float error = desired - guess; 步骤 3: 计算 误差 (正确 答案 和 猜测 答案 的 差 ) 
for (int i = 0; i < weights.length; i++) { 步骤 4: 根据 误差 和 学 习 常 数 调整 权重 


weights[i] += c * error * inputs[i]; 


} 
感知 天 类 的 完整 实现 如 下 : 


class Perceptron { 


float[] weights,; 感知 器 存放 了 学 习 常 数 和 权重 
float c = 0.01; 


Perceptron(int n) { 
weights = new float[n]; 
for (int i = 0; i < weights.length; i++) { 以 随机 数 初始 化 权重 
weights[i] = random(-1,1); 


} 
} 
int feedforward(float[] inputs) { 根据 输入 返回 输出 
float sum = 0; 
for (int i = 0; i < weights. length; i++) { 
sum += inputs[i]*weights[i]; 
} 
return activate(sum); 
} 
int activate(float sum) { 输出 是 1 或 -1 
If (sum > 0) return 1; 
else return -1; 
} 
void train(float[] inputs, int desired) { 用 已 知 数据 训练 神经 网 络 
int guess = feedforward(inputs ) ; 
float error = desired - guess; 
for (int i = 0; i < weights. length; i++) { 
weights[i] += ¢c * error * inputs[i]; 
} 
} 


} 
为 了 训练 感知 锅 ， 我 们 需要 一 系列 答案 已 知 的 输入 。 我 们 可 以 将 这 部 分 操作 封 疼 成 一 个 类 : 
class Trainer { 


float[] inputs; Trainer 对 象 存放 了 输入 和 正确 答 


10.4 ”实现 感知 器 381 


int answer， 


Trainer(float x, float y, int a) { 
inputs = new float[3]; 
Inputs[0] = X; 
inputs[1] = y; 
inputs[2] = 1; Trainer 对 象 也 在 数组 中 存放 了 偏 置 输入 


answer = a; 
} 


现在 问题 变 成 了 : 如 何 判 断 菏 个 点 是 位 于 下 线 之 上 , 还 是 位 于 下 线 之 下 ? 让 我 们 从 下 线 函 数 
开始 。 在 直线 函数 中 ，y 是 x 的 函数 : 











Y=f (x) 
一 般 情况 下 ， 直 线 可 以 表示 为 : 
Y=ax+b 
这 里 有 一 个 特殊 例子 : 
y=2*x+1 


对 应 的 Processing 困 数 如 下 : 


float f(float x) { 该 函数 的 作用 是 计算 直线 在 X 位 置 对 应 的 Y 坐 标 
return 2*x+1; 


} 
因此 ， 如 果 我 们 用 以 下 方式 编造 一 个 点 : 


float x = random(width); 
float y = random(height); 


如 何 知道 这 个 点 位 于 直线 之 下 , 还 是 直线 之 上 ?直线 函数 (x) 能 告诉 我 们 直线 在 x 位 置 对 应 的 
yy 坐标， 我 们 称 为 yline。 


float yline = f(x); 直线 上 某 一 点 的 Y 坐 标 











如 条 点 位 于 直线 之 上 ， 那 么 它 的 ?坐标 将 小 于 yLine。 


yline= 20 
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if (y < yline) { 
answer = -1; 如 果 y 位 于 直线 之 上 ， 答 案 就 是 -1 


} else { 
answer = 1;， 


} 

有 了 这 些 ， 我 们 就 可 以 用 输入 和 正确 答案 创建 一 个 Trainer 对 象 。 

Trainer t = new Trainer(x, y, answer); 

假设 有 一 个 感知 顺 对 象 ptron ， 我 们 只 需 辐 它 的 train() 图 数 传人 输入 和 对 应 的 答案 ， 就 能 
训练 这 个 感知 硕 。 

ptron.train(t.inputs, t.answer); 

请 记 住 , 这 只 是 一 个 演示 程序 。 还 记得 打出 莎士比亚 名 言 的 猴子 吗 ? 我 们 让 遗传 算法 进化 出 
“to be or not to be"” ， 这 也 是 一 个 已 知 答案 。 这 么 做 是 为 了 确保 遗传 算法 能 正确 运行 。 同 样 的 道理 
也 适用 于 本 例 。 我 们 完全 不 需要 用 感知 硕 确 定 一 个 点 是 高 于 还 是 低 于 下 线 , 我 们 只 需要 用 人 简单 的 
数学 运算 承 能 得 到 答 条 。 引 入 这 个 场景 是 为 了 展示 感知 天 算 法 的 工作 原理 和 验证 它 的 正确 性 。 


我 们 回 感知 俘 传 人 一 个 训练 点 数组 ， 看 看 它 的 运行 效 朱 。 


























_10 01 _ SimplePerceptron 





示例 代码 10-1 感知 器 
Perceptron ptron; 感知 器 
Trainer[] training = new Trainer[2000] ; 2000 个 训练 点 
int count = 0; 


float f(float x) { 直线 方程 
return 2*x+1; 


} 


void setup() { 
size(400, 400); 


ptron = new Perceptron(3); 


for (int i = 0; i < training.length; I++) { 创建 2000 个 训练 点 
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float x = random(~width/2,width/2); 

float y = random(-height/2,height/2); 

int answer = 1; 正确 答案 是 1 还 是 1? 
If (y < f(x)) answer = -1; 


training[i] = new Trainer(x, y, answer); 


} 

void draw() { 
background(255 ) ; 
translate(width/2,height/2); 
ptron.train(training[count].inputs, training[count].answer); 


count = (count + 1) % training.length; 为 了 展示 动画 效果 ， 一 次 只 训练 一 个 点 


for (int i = 0; i < count; iji++) { 


stroke(0); 

int guess = ptron.feedforward(training[i].inputs); 

if (guess > 0) noFill(); 展示 分 类 : 如 果 答 案 为 -1 ， 则 不 填充 颜色 ; 反之 ， 
则 填充 黑色 

else fill(0); 


ellipse(training[i].inputs[0], training[i].inputs[1], 8, 8); 


练习 10.1 


店 传 算法 训练 神经 网 络 ， 让 它 进 化 出 正确 的 权重 ? 


练习 10.2 


感知 器 的 可 视 化 : 绘制 输入 、 处 理 节 点 和 输出 。 
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尽管 上 面 的 例子 能 充分 展示 感知 从 的 作用 ,但 它 和 本 书 的 其 他 例子 没有 实践 上 的 关联 。 在 本 
节 , 我 们 会 将 感知 侣 的 概念 (多 个 输入 , 单个 输出 ) 应 用 到 转 回 行为 中 , 顺便 展示 增强 式 学 习 生 上 略 。 

在 这 里 ,我 们 打算 用 一 种 创新 的 方式 诠释 概念 。 这 么 做 能 够 洱 兰 基础 知识 ， 又 能 避 开 一 些 复 
杂 烦 琐 的 工作 。 我 们 的 主要 目的 是 让 示例 程序 看 起 来 更 有 趣 、 更 贴近 大 脑 的 工作 方式 ， 并 不 关心 
人 工 智 能 教科 书 介绍 的 规则 。 
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你 还 记得 前 面 的 Vehicle 类 吗 ? Vehicle 对 象 有 目 己 的 位 置 、 速 度 和 加 速度 ， 能 根据 一 系列 
转 同 规则 在 屏 闪 中 移动 。 它 有 一 个 遵循 牛顿 运动 定律 的 applyForce() 咀 数 。 
如 果 我 们 在 Vehicle 类 中 再 加 入 一 个 Perceptron 对 象 。 


class Vehicle { 








Perceptron brain; 给 小 车 加 上 大 脑 


PVector location; 
PVector velocity; 
PVector acceleration; 





以 下 是 我 们 要 研究 的 场景 : Sketch 中 有 一 系列 目标 ( 放 在 ArrayList 中 ) 和 一 辆 小 车 。 


中 A 中 人 
4 


图 10-9 


小 车 的 目的 是 寻找 图 中 的 所 有 目标 。 按 照 第 6 章 提 出 的 方法 ， 我 们 要 实现 一 个 seek( ) 函数 ， 
用 它 计 算 到 每 个 目标 的 转 癌 力 ， 再 将 这 些 转 问 力作 用 在 物体 上 。 假 设 这 些 目标 是 由 PVector 对 象 
组 成 的 ArrayList， 那 么 整体 实现 如 下 所 示 : 


void seek(ArrayList<PVector> targets) { 
for (PVector target : targets) { 


PVector force = seek(targets.get(i)); 物体 对 每 个 目标 都 有 转向 力 








applyForce (force); 
} 
} 


在 第 6 章 ， 为 了 创建 更 加 动态 的 模拟 效 末 ， 我 们 还 为 每 个 转 回力 分 别 指定 了 权重 。 比 如 根据 
距离 确定 权重 : 目标 越 远 ， 转 回力 越 强 。 


void seek(ArrayList<PVector> targets) { 
for (PVector target : targets) { 
PVector force = seek(targets.get(i)); 
float d = PVector.dist(target, location); 
float weight = map(d,0,width,0,5); 


force.mult (weight); 转向 力 来 以 各 自 的 权重 





applyForce(force); 
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} 


我 们 可 以 在 这 里 引入 感知 器 , 把 所 有 转向 力 都 当 作答 入 , 再 用 感知 器 的 输入 权重 对 它们 进行 
处 理 ， 最 后 产生 输出 转向 力 。 也 就 是 ， 


void seek(ArrayList<PVector> targets) { 


PVector[] forces = new PVector[targets.size()]; 为 brain 对 象 创建 一 系列 输入 


for (int i = 0; i < forces.length; i++) { 


forces[i] = seek(targets.get(i)); 计算 每 个 目标 对 应 的 转向 力 ， 填 充 转 向 力 数 组 
} 
PVector output = brain.process (forces); 从 brain 对 象 中 获取 输出 结果 ， 将 转向 力作 用 在 物 
体 上 
applyForce(output); 


} 

换 句 话说 ，vehicle 对 象 不 再 做 转 癌 力 加 权 运 算 ， 它 把 这 部 分 工作 转 给 brain 对 象 。brain 对 
象 加 权 求 和 后 的 输出 结果 就 是 最 后 的 转 问 力 。 这 个 改变 能 引入 很 多 新 的 实现 ; 小 车 可 以 按照 上 自己 的 
意愿 做 出 转 回 决定 ， 学 习 上 自身 产生 的 错误 ， 并 对 环境 的 刺激 做 出 反应 。 下 面 我 们 来 看 看 具体 实现 。 

我 们 可 以 把 直线 分 类 感知 融 用 做 基础 模型 , 但 需要 进行 一 些 修 改 : 感知 融 的 输入 从 数字 变 为 
回 量 ! 下 表 对 比 了 两 种 情况 下 feedforward () 困 数 的 实现 。 








输入 值 为 向 量 输入 值 为 浮 点 数 
PVector feedforward(PVector[] forces) { int feedforward(fLoat[] Inputs) { 
// 和 是 一 个 PVector // 和 是 一 个 浮 点 数 
PVector sum = new PVector(); float sum = 0; 
for (int i = 0; i < weights.length; I++){ for (int i = 0; i < weights.length; I++) { 
// 向 量 的 加 法 和 乘法 // 标量 的 加 法 和 乘法 
forces[i] .muLt(weights[i]); sum += inputs[i]*weights[i]; 
sum.add(forces[i]); } 
} // 激 活 函 数 
// 没 有 激活 函数 return activate(sum); 
return sum; } 


这 两 个 函数 实现 的 几乎 是 同一 个 算法 ， 但 有 两 点 区 别 。 

(1) 向 量 求 和 每 个 输入 不 再 是 单个 数字 ， 而 是 一 个 同 量 ， 因 此 我 们 必须 用 PVector 的 运算 
方式 将 它们 加 权 求 和 。 

(2) 没有 激励 函数 ”在 这 里 ， 我 们 想 要 的 绪 采 是 转 回力 。 因 此 ， 我 们 不 需要 用 一 个 布尔 值 对 
结 末 进行 分 类 ， 只 需 直 接 返回 结果 回 量 。 


将 最 终 转 向 力作 用 于 小 车 之 后 , 我 们 下 一 步 要 做 的 就 是 给 大 脑 施加 反 饶 ,也 就 是 所 谓 的 增强 
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式 学 习 。 本 次 转 问 决 泉 是 有 利 的 还 是 有 害 的 ?假如 系统 中 同时 存在 捕食 者 ( 吃 挥 小 车 ) 和 食物 (所 
高 小 车 的 生命 值 )， 这 时 候 ， 神 经 网 络 的 权重 调整 规则 就 应 该 是 : 躲避 捕食 者 ， 和 人 靠近 食 物 。 


让 我 们 来 看 一 个 更 催 单 的 例子 ,在 这 个 例子 中 , 小 车 想 要 阳 着 窗口 的 中 心 运动 。 我 们 用 以 下 


方式 训练 大 脑 对 象 
g g 民 到 | -中 


10-10 























PVector desired = new PVector(width/2,height/2); 
PVector error = PVector.sub(desired, location); 
brain.train(forces,error); 


在 这 里 ， 我 们 向 brain 对 象 传人 所 有 输入 的 副本 ee 还 传人 了 环境 的 
观察 值 : 一 个 由 当前 位 置 指 向 目标 位 置 的 PVector 对 象 ， 这 个 向 量 就 是 小 车 的 误差 : 误差 越 大 ， 
小 车 的 表现 越 差 ; 反之 ， 表 现 越 好 。 

之 后 , 大 脑 可 以 根据 这 个 “误差 ” 辐 量 ( 有 两 个 误差 值 : x 坐 标 误差 和 ) 坐 标 误差 ) 调整 权重 ， 

这 和 之 前 直线 分 类 需 的 训练 是 一 样 的 。 











小 车 的 训练 直线 分 类 器 的 训练 
void train(PVector[] forces, PVector error) { void train(float[] inputs, int desired) { 


int guess = feedforward(inputs ) ; 
float error = desired - guess,; 


for (int i = 0; i < weights. length; i++) { for (int i = 0; i < weights.length; i++) { 
weights[i] += c*error.x*forces[i].x; weights[i] += c * error * jinputs[i]; 
weights[i] += c*error.y*forces[il].y; 
} } 
} } 


由 于 小 车 的 误差 是 已 知 的 , 因此 我 们 只 需要 将 这 个 误差 当 作 参数 传人 注意 权重 的 调整 需要 
进行 两 次 计算 : 一 次 调整 yx 坐标 ， 另 一 次 调整 ?坐标 。 


weights[i] += c*error.x*forces[il].x; 
weights[i] += c*error.y*forces[il].y; 


从 Vehicle 类 的 整体 实现 ,我 们 可 以 看 到 转 问 函 数 如 何 用 感知 冀 控 制 转向 行为 。 





_10_02_SeekingNeural 
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示例 代码 10-2 感知 器 转向 


class Vehicle 1{ 


Perceptron brain; 小 车 有 了 大 脑 


PVector location; 物理 运动 所 需 的 变量 
PVector velocity; 

PVector acceleration; 

float maxforce,; 

float maxspeed ; 


Vehicle(int n, float x, float y) { 在 小 车 的 构造 函数 中 创建 感知 器 对 象 ， 传 入 输入 数 


量 和 学 习 常 数 
brain = new Perceptron(n,0.001); 
acceleration = new PVector(0,0); 


velocity = new PVector(0,0); 
Location = new PVector(x,y); 


maxspeed = 4; 
maxforce = 0.1; 
} 
void update() { update ( ) 函数 和 之 前 一 样 
velocity.add(acceleration); 
velocity.limit(maxspeed); 
Location.add(veLocity ) ; 
acceLeration.muLt(0) ; 
} 
void applyForce(PVector force) { appLyForce() 函 数 和 之 前 一 样 
acceleration.add(force); 
} 


void steer(ArrayList<PVector> targets) { 


PVector[] forces = new PVector[targets.size()]; 


for (int i = 0; i < forces.length; i++) { 
forces[i] = seek(targets.get(i)); 
} 
PVector result = brain.feedforward(forces); 所 有 转向 力 都 是 输入 


applyForce(result); 施加 计算 得 到 的 结果 


PVector desired = new PVector (width/2,height/2); 根据 和 中 心 之 间 的 距离 训练 大 脑 


PVector error = PVector.sub(desired, location): 
brain.train(forces,error); 
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PVector seek(PVector target) { Seek() 函 数 和 之 前 一 样 
PVector desired = PVector.sub(target, Location); 
desired.normalize(); 
desired.mult(maxspeed); 

PVector steer = PVector.sub(desired,velocity); 
steer.limit(maxforce); 
return steer; 


练习 10.3 


练习 10.4 
试 使 用 增强 式 学 习 实 现 不 同 的 规则 ,比如 有 些 目标 是 希望 接近 的 , 而 有 些 目标 是 不 希望 





10.6 ”还 记得 这 是 个 “网 络 ” 吗 


感知 条 可 以 处 理 多 个 输入 , 但 它 只 是 个 孤独 的 神经 元 。 人 神经 网 络 的 威力 来 日 网 络 结构 ,而 感 
知 器 的 能 力 非 党 有限。 如 果 你 去 读 一 些 有 关 人 工 智能 的 教学 书籍 ， 这 些 书 一 般 会 说 明 : 感知 器 只 
能 解决 线性 可 分 的 问题 。 什么 是 线性 可 分 的 问题 ”让 我 们 回顾 第 一 个 例子 : 感知 名 能 判断 某 个 点 
位 于 和 直线 的 哪 一 边 。 











图 10-11 


图 10-11 ( 左 ) 表示 线性 可 分 类 的 数据 ， 图 形 化 所 有 数据 之 后 ， 如 果 数 据 能 被 下 线 划 分 ， 那 它们 
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就 是 线性 可 分 的 ; 图 10-11 ( 右 ) 表示 非 线性 可 分 的 数据 ， 你 无 法 用 一 条 直线 分 隔 黑 色 和 灰色 的 点 。 

最 简单 的 非 线性 可 分 问题 就 是 XOR， 也 就 是 逻辑 算 符 “ 异 或 "。 我 们 都 知道 AND 运 算 : 为 了 
让 A 是 B 为 真 ， A 和 B 必 须 都 为 真 。 对 于 OR， 只 要 A 和 B 中 有 一 个 为 真 ，A 或 B 的 结果 就 为 真 。AND 
和 OR 运算 都 是 线性 可 分 的 问题 。 下 面 给 出 了 AND 和 OR 的 真 值 表 : 








AND yr F OR T F 
To F | T 
F | FEF F Po F 
| 
图 10-12 


在 图 10-12 中 ， 你 可 以 用 一 条 直线 分 隔 真 和 假 的 结果 。 
XOR 相 当 于 OR 和 NOT AND。 换 句 话 说， 只 有 在 A 和 B 有 且 仅 有 一 个 为 真 时 ，A XOR B 才 为 


真 ， 否 则 就 为 假 。XOR 的 真 值 表 如 下 : 
T F 
【1 上 上 T 
RIAT ZR | 
图 


XOR 
10-13 


这 不 是 线性 可 分 的 。 你 无 法 用 一 条 直线 分 隔 真 和 假 的 结果 。 


感知 名 无 法 解决 XOR 这 么 简单 的 问题 。 但 我 们 可 以 把 两 个 感知 融 组 成 网 络 : 用 一 个 感知 此 人 解 
决 OR， 用 一 个 感知 天 解决 NOT AND。 这 两 个 感知 毅 合 起 来 承 能 解决 XOR 运 算 。 


全 入 隐 闫 节点 俞 出 





图 10-14 
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上 面 这 幅 图 称 为 多 层 感 知 器 ， 即 由 许多 神经 元 组 成 的 网 络 。 其 中 某 些 神经 元 用 于 接收 输入 ， 
某 些 神经 元 称 为 “隐藏 ” 层 〈 因为 它们 既 不 和 输入 相连 ， 也 不 是 输出 ) 还 有 一 些 神经 元 是 输出 神 
ZB O 

训练 这 类 神经 网 络 是 一 件 复杂 的 事 。 对 单个 感知 融 而 言 ,我们 可 以 轻易 地 根据 误差 调整 权重 ， 
但 神经 网 络 有 多 个 连接 , 而 且 每 个 连接 都 位 于 不 同 层次 。 如 何 确定 每 个 神经 网 络 对 整体 误差 的 页 
献 是 多 少 ? 

多 层 神经 网 络 的 权重 优化 方案 称 为 反 向 传播 。 神 经 网 络 产 生 输 出 的 方式 和 感知 器 相同 : 都 要 
将 输入 加 权 求 和 ， 青 向 前 传递 。 两 者 之 间 的 差别 在 于 : 产生 最 终 条 出 之 前 是 否 通过 其 他 层次 。 网 
络 的 训练 ( 即 权 重 调整 ) 也 涉及 误差 计算 ( 正确 结果 -猜测 结果 ), 但 是 它 的 误差 必须 从 后 向 前 传 
播 。 神 经 网 络 会 将 误差 平 挫 给 每 个 连接 的 权重 。 

有 反 疝 传播 超出 了 本 书 的 讨论 范围 , 它 第 要 用 到 一 个 更 复杂 的 激励 函数 ( 称 为 Sigmoid() 函 数 ) 
和 一 些 基 本 的 微 积分 知识 。 如 采 你 对 反 加 传播 感 兴趣 ， 可 以 去 看 看 本 书 的 官方 网 站 (和 GitHub 
代码 库 )， 我 在 里 面 用 多 层 神经 网 络 解决 了 XOR 的 问题 ， 解 决 过 程 中 用 到 了 反 向 传播 。 

后 面 我 们 将 讨论 神经 网 络 可 视 化 结构 的 构建 。 我 们 会 用 神经 元 对 象 和 连接 对 象 创建 神经 网 
络 ， 并 用 动画 的 方法 展示 前 饥 过 程 。 下 面 的 例子 和 第 5 草 的 力 导 向 图 很 相似 。 


















































10.7 ”神经 网 络 图 
本 市 的 目标 是 创建 下 面 的 网 络 图 : 


一 CG 
ns Pe 给 出 
A 
B 





D 





图 。10-15 
上 图 最 基本 的 组 件 是 一 个 神经 元 。 神 经 元 是 一 个 具有 (x, y) 从 标的 实体 。 
class Neuron { 这 是 一 个 非常 简单 的 神经 元 (Neuron) 类 ， 它 存放 


了 单个 神经 元 的 位 置 ， 能 够 显示 自身 
PVector Location， 
Neuron(float x, float y) { 
Location = new PVector(x, y); 


} 


void display() { 


stroke(0); 
fill(0): 
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ellipse(location.x, location.y, 16, 16); 


} 





神经 网 络 类 Network 管 理由 神经 元 对 象 组 成 的 ArrayList， 每 个 神经 元 都 自己 的 位 置 ( 这样 


就 可 以 根据 相对 于 网 络 中心 的 位 置 绘制 神经 元 )。 





和 网 络 (一 个 由 许多 神经 元 组 成 的 “系统 ”)。 


class Network { 
ArrayList<Neuron> neurons; 





PVector Location， 


Network(float x, float y) { 
Location = new PVector(x,y); 
neurons = new ArrayList<Neuron>(); 


void addNeuron(Neuron n) { 
neurons.add(n); 


} 


void display() { 
pushMatrix(); 
translate(location.x, location.y); 
for (Neuron n : neurons) { 
n.display(); 
} 
popMatrix(); 


} 
接 下 来 ， 我 们 就 能 方便 地 构建 上 图 。 
Network network， 


void setup() { 
size(640, 360); 


network = new Network(width/2,height/2); 


Neuron a = new Neuron(-200,0); 
Neuron b = new Neuron(0,100); 
Neuron c = new Neuron(0, -100); 
Neuron d = new Neuron(200,0); 


s 


network.addNeuron 
network.addNeuron 
network.addNeuron 
network.addNeuron 


) 
下 
Ds 
) 


s 


(a 
(b 
(C 
(d); 





这 是 粒子 系统 101。 我 们 有 单个 元 素 〈 神经 元 ) 


由 神经 元 组 成 的 神经 网 络 


通过 这 个 函数 向 网 络 添加 神经 元 


绘制 整个 神经 网 络 


创建 神经 网 络 对 象 


创建 神经 元 


向 网 络 添 加 神经 元 
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} 


void draw() { 
background (255); 


network.display(); 画 出 网 络 
} 


运行 效 灯 如 下 : 


_10 3_ NetworkViz 





我 们 还 少 了 神经 元 之 间 的 连接 。 一 个 连接 由 3 个 元 素 组 成 : 2 个 神经 元 和 1 个 权重 。 


class Connection { 


Neuron a; 两 个 神经 元 之 间 的 连接 
Neuron b; 
float weight; 连接 有 权重 


Connection(Neuron from, Neuron to,float w) { 
weight = w; 


a = from; 
b = to; 
} 
void display() { 连接 用 一 条 线段 标示 
stroke(0); 
strokeWeight (weight*4); 
line(a.location.x, a.location.y, b.location.x, b.Tlocation.y); 
} 


} 


有 了 Connection 对 和 象 之 后 ,我们 可 以 用 连接 销 数 ( 放 到 Network 类 中 ) 将 神经 元 连 在 一 起 。 
在 setup() 函 数 中 ， 除 了 初始 化 神经 元 对 象 ， 我 们 还 需要 连接 它们 。 
void setup() { 


size(640, 360); 
network = new Network(width/2,height/2); 


Neuron a = new Neuron(-200,0); 
Neuron b = new Neuron(0,100) ; 
Neuron c = new Neuron(0, -100 ) ; 
Neuron d = new Neuron(200,0) ; 


10.7 神经 网 络 图 393 


network. connect(a,b): 在 神经 元 之 间 建 立 连 接 


Network. connect (a,c): 
network. connect(b,d): 
network.connect (c,d); 


network.addNeuron(a); 
network.addNeuron(b ) ; 
network.addNeuron(c); 
network.addNeuron(d); 


} 
因此 Network 类 需要 有 一 个 connect () 因数 ， 它 的 作用 是 在 两 个 神经 元 之 间 建 立 连 接 。 


void connect(Neuron a，Neuron b) { 





Connection c = new Connection(a, b, random(1)); 连接 具有 随机 的 权重 


// 如 何 处 理 连 接 对 象 呢 
} 
} 


你 可 能 觉得 : Network 对 和 象 也 应 该 用 一 个 ArrayList 存 储 所 有 连接 对 象 。 尽 管 这 很 有 用 ， 但 
在 本 例 中 ， 这 样 的 ArrayList 并 不 和 须 的 。 在 神经 网 络 的 “前 馈 ” 过 程 中 ， 神 经 元 对 象 必 须知 
道 它 们 连接 了 哪儿 个 “前 向 ”神经 元 。 也 就 是 说 ,每 个 神经 元 对 象 必须 存储 自己 的 连接 对 象 。 当 
神经 元 a 与 b 连 接 时 ， rt hae 文 个 连接 对 象 ， 以 便 在 处 理 过 程 中 将 输出 传 给 b。 


void connect(Neuron a, Neuron b) { 
Connection c = new Connection(a, b, random(1)); 
a.addConnection(c); 





} 

在 某 些 场景 下 , 我 们 还 需要 神经 元 bp 知道 这 个 连接 。 但 在 本 例 中 , 我 们 只 需 单 方 回 传递 信息 。 

为 了 让 所 有 代码 和 es 我 们 还 要 在 Neuron 类 中 加 入 一 个 ArrayList, 用 于 存放 连接 对 
象 。addConnection() 因数 负责 将 连接 对 象 加 入 ArrayList。 


class Neuron { 
PVector location; 














ArrayList<Connection> connections ; 神经 元 存放 了 所 有 连接 


Neuron(float x, float y) { 
location = new PVector(x, y); 
connections = new ArrayList<Connection>() ; 


} 

void addConnection(Connection c) { 将 连接 对 象 加 入 神经 元 
connections.add(c); 

} 


神经 元 关 的 disptay () 函 数 负责 绘制 这 些 连 接 。 最 后 ,我 们 得 到 了 整个 神经 网 络 示意 图。 世 诈 
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_10 3 NetworkViz 








示例 代码 10-3 ”神经 网 络 示 意图 


void display() { 
stroke(0); 
strokeWeight(1); 
fill(0); 
ellipse(location.x, location.y, 16, 16); 


for (Connection c : connections) { 绘制 所 有 连接 


c.display(); 
} 


10.8 ”实现 前 馈 动 画 


还 有 一 个 有 趣 的 问题 : ne 我 们 的 神经 网 络 基 于 
前 馈 模 型 ， 也 就 是 说 ， 第 一 个 神经 元 ( 绘制 在 窗口 的 最 左边 ) 产生 的 输出 将 汽 春 连接 回 右 流动 ， 
直到 生成 整个 网 络 的 输出 。 

一 步 操作 就 是 在 网 络 中 添加 一 个 函数 , 这 个 函数 用 于 接收 输入 , 输入 是 介 于 0~1 的 随机 数 。 


void setup() { 











之 前 的 神经 网 络 初始 化 代码 


network. feedforward(random(1)); 新 函数 用 于 接收 输入 
} 


神经 网 络 管 理 着 所 有 神经 元 ， 可 以 选择 让 哪个 神经 元 处 理 输入 。 为 了 让 本 例 尽 可 能 简单 ,我 
们 只 把 输入 传 给 ArrayList 中 的 第 一 个 神经 元 ， 也 就 是 显示 在 屏幕 最 左边 的 神经 元 


class Network { 











void feedforward(float Input) { 新 函数 将 输入 传 给 神经 元 
Neuron start = neurons .get(0) ; 
start.feedforward(input); 
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接着 ， 我 们 要 在 Neuron 类 中 添加 feedforward() 也 数 。 这 个 函数 负责 接收 和 处理 输入 。 


class Neuron 


void feedforward(float input) { 


如 何 处 理 输入 呢 
} 


回顾 感知 融 的 实现 ， 神 经 元 的 任务 就 是 对 所 有 输入 加 权 求 和 。 因 此 我 们 可 以 在 Neuron 类 中 
添加 一 个 sum 变 量 ， 用 它 累 加 所 有 输入 。 


class Neuron 
int sum = 0; 


void feedforward(float Input) { 


sum += input; 


累加 所 有 输入 
} 


神经 元 可 以 决定 它 是 否 “ 发 射 ”"， 也 就 是 将 输出 通过 何 种 连接 传递 给 下 一 层 。 在 这 里 ， 我 们 
创建 了 一 个 非常 简单 的 激励 函数 : 如 有 果 总 和 大 于 1， 就 发 射 ! 
void feedforward(fLoat Input) { 
sum += input; 
if (sum > 1) { 激活 神经 元 ，“ 发 射 ”输出 
fire(); 
sum = 0; 输出 被 “发 射 ” 后 ， 将 总 和 清 堆 


} 


fire() 国 数 如 何 实现 ?” 前面 提 到 , 每 个 神经 元 必 存 储 了 对 其 他 神经 元 的 连接 。 因此 我 们 要 在 
fire() 函 数 中 遍历 这 些 连 接 ， 对 它们 调用 feedforward () 函数 。 在 本 例 , 我们 将 神经 元 的 sum 变 
量 作为 输出 。 

void fire() { 

for (Connection C : connections) { 
c.feedforward(sum); 


神经 元 将 总 和 传 给 所 有 连接 


} 











下 面 的 问题 比较 国手 , 因为 我 们 的 任务 不 只 是 创建 正常 运行 的 神经 网 络 , 还 要 实现 运行 动画 。 
如 有 果 仪 仅 是 为 了 前 者 ， 神 经 网 络 可 以 立即 将 输入 传 给 下 一 个 神经 元 ， 如 下 所 未: 


class Connection { 


void feedforward(float val) { 
b.feedforward(val*weight); 


} 
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但 这 并 不 是 我 们 想 要 的 。 我 们 还 要 实现 信息 流 由 神经 元 a 流 问 b 的 动画 。 


我 们 先 思考 如 何 实现 这 个 特性 。 神 经 元 a 和 神经 元 b 的 位 置 是 已 知 的 ， 分 别 为 a.Location 和 
b.Location。 除 此 之 外 ,我 们 还 要 引入 另 一 个 回 量 用 于 表示 信息 流 的 流 回 。 


PVector sender = a.location.get(); 
有 了 神经 元 a 的 位 置 后 ， 我 们 可 以 利用 前 面 学 到 的 运动 算法 让 信息 沿 着 路 径 前 进 。 我 们 简单 
地 将 路 径 定 为 从 神经 元 a 到 pb 的 线段 : 


sender.x = lerp(sender.x, b.location.x, 0.1); 
sender.y = lerp(sender.y, b.location.y, 0.1); 


条 线段 表示 神经 元 连接 ， 并 在 信息 所 在 的 位 置 画 个 圆 图: 


stroke(0); 
line(a.location.x, a.location.y, b.location.x, b.\location.y); 


fill(0); 
ellipse(sender.x, sender.y, 8, 8); 


合 起 来 就 是 这 样 的 效果 : 




















人 一 > B 
图 10-16 








这 么 做 就 能 让 信息 沿 着 连接 线 移动 ， 但 是 如 何 确定 移动 的 时 机 ?一 旦 Connection 对 和 象 接收 
到 “前 馈 ” 信 号 , 就 开始 移 动 过 程 。 我 们 可 以 引入 一 个 布尔 变量 记录 当前 连接 是 否 正 在 传输 信和 号 。 
之 前 ， 我 们 用 以 下 方式 传递 信号 


void feedforward(float val) { 
b.feedforward(val*weight); 








} 
现在 ， 我 们 不 再 直接 传输 数据 ， 而 是 在 feedforward() 函数 中 触发 动画 。 


class Connection { 
boolean sending = false.; 
PVector sender.; 


float output; 


void feedforward(float val) { 


sending = true; 传输 标志 被 置 为 true 
sender = a.location.get(); 动画 从 神经 元 9 开始 
output = val*weight; 存放 输出 值 ， 在 合适 时 机 传输 到 下 一 节点 


} 
注意 ，Connection 类 现在 需要 3 个 新 的 变量 : 布尔 变量 sending 起 始 值 为 faLse， 主 要 记录 
了 连接 是 否 正 在 传输 信号 (是否 有 动画 )，PVector 对 象 的 sender 变 量 记 录 了 移动 点 的 位 置 ; 由 
于 我 们 不 会 立即 传递 输出 值 ， 因 此 还 要 引入 一 个 output 变 量 存储 它 ， 以 便 后 续 使 用 。 
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一 旦 连接 被 激活 ，feedforward() 函数 就 会 被 调用 。 在 激活 状态 下 , 我 们 还 需要 不 断 地 更 新 
言 姑 点 的 位 置 (在 draw( ) 函数 中 更 新 . 
void update() { 
if (sending) { 


sender.x = lerp(sender.x,，b.location.x，0.1); 在 传输 过 程 中 更 新 信息 点 的 位 置 
sender.y = lerp(sender.y, b.location.y, 0.1); 


} 








但 这 里 还 少 了 一 个 关键 元 素 ， 我 们 还 今 查 sender 变 量 是 否 已 经 达到 神经 元 b， 如 果 已 经 
达到 ， 就 将 输出 前 馈 到 下 一 个 神经 元 


void update() { 
if (sending) 
Sender .X 
sender.y 





lerp(sender.x, b.location.x, 0.1); 
lerp(sender.y, b.location.y, 0.1); 


| 1 一 ~ 


float d = PVector.dist(sender, b.location); 计算 距 神 经 元 b 的 距离 


if (d < 1) { 如 果 足 够 接近 (小 于 1 像素 ) ， 就 传递 输出 值 ， 并 停 
止 动画 


b .feedforward(output ) ; 
sending = false; 


} 
Connection 类 和 draw( ) 函数 的 整体 实现 如 下 : 


_10 04 NetworkAnimation 





示例 代码 10-4 神经 网 络 动画 


void draw() { 
background(255 ) ; 


network.update( ) ; 神经 网 络 的 Update ( ) 允 数 负责 更 新 所 有 连接 对 象 


network.display(); 
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if (frameCount % 30 == 0) { 


network .feedforward(random(1) ) ; 每 30 帧 传 入 一 个 输入 值 
} 
} 
class Connection { 
float weight; 连接 数据 
Neuron a; 
Neuron b; 
boolean sending = false; 动画 相关 的 变量 
PVector Sender; 
float output = 0; 
Connection(Neuron from，Neuron to, float w) { 
weight = w; 
a = from; 
b = to; 
} 
void feedforward(float val) { 一 旦 有 数据 从 a 向 b 传 递 ， 连 接 就 被 激活 
output = val*weight; 
sender = a.location.get(); 
sending = true; 
} 
void update() { 如 果 连 接 对 象 正在 传递 信息 ， 就 更 新 动画 
if (sending) { 
sender.x = lerp(sender.x, b.location.x, 0.1); 
sender.y = lerp(sender.y, b.location.y, 0.1); 
float d = PVector.dist(sender, b.location); 
if (d < 1) { 
b .feedforward(output ) ; 
sending = false.; 
} 
} 
} 
void display() { 用 线段 标示 连接 ， 用 移动 的 圆圈 标示 信息 流 
stroke(0); 
strokeWeight (1+weight*4); 
line(a.location.x, a.location.y, b.\location.x, b.\location.y); 
if (sending) { 
fill(0); 
strokeWweight (1) ; 
ellipse(sender.x, sender.y, 16, 16); 
} 
} 
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练习 10.5 


在 上 例 中 , 我 们 用 手动 的 方式 配置 神经 元 的 位 置 和 连接 。 请 重新 实现 这 个 例子 ,用 某 种 算法 
产生 神经 网 络 的 布局 。 你 能 和 否 创 建 一 个 圆 形 或 随机 的 神经 网 络 ? 以 下 是 某 个 多 层 神 经 网 络 的 


一 立 - 
二 人 民 


Ex_10_9_LayeredNetworkAnimation 


练习 10.6 


请 重新 实现 这 个 例子 ,让 每 个 神经 元 同时 保存 它 的 前 向 连接 和 后 向 连接 ,你 
上 前 馈 输 入 ? 


练习 10.7 


请 用 转向 力 和 移动 代替 Lerp() 函 数 ， 可 视 化 神经 网 络 的 信息 流 。 





生态 系统 项 目 

第 10 步 练习 

在 你 “创造 ”的 生物 中 引入 “大 脑 ” 的 概念 。 

口 用 增强 式 学 习 实 现 生物 的 决策 过 程 。 

口 可 视 化 生物 的 大 脑 运作 过 程 (即使 大 脑 本 身 并 没有 功能 )， 

口 能 否 把 整个 生态 系统 当成 一 个 大 脑 ? 能 否 把 环境 中 的 元 素 当 作 神 经 元 ， 把 生物 当 作 输入 和 
输出 ? 
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10.9 结语 





如 果 你 还 在 阅读 本 书 , 那么 恭喜 你 ! 你 已 经 到 达 本 书 内 容 的 结尾 。 尽 管 本 书 提供 了 很 多 学 习 
材料 ,但 我 们 对 大 目 然 的 模拟 技术 还 只 停留 在 表面 。 本 书 的 目的 是 引入 一 个 不 断 发 展 的 项 目 , 我 
希望 能 继续 在 官方 网 站 中 添加 新 的 教学 资料 和 示例 程序 , 并 希望 后 续 能 扩展 本 书 的 内 容 。 你 的 反 
馈 对 我 非常 重要 ， 因 此 ,请 随时 通过 邮件 联系 我 ( daniel@shiffman.net ), 请 随时 向 GitHub 版 本 库 
( http://github.com/shiffman/The-Nature-of-Code/ ) 递交 代码 。 分 享 您 的 作品 ,保持 联系 ,让 我 们 与 
自然 同 在 ! 
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* 亚马逊 读者 评论 * 


我 最 近 读 到 一 本 好 书 一 一 《代码 本 
色 : 用 编程 模拟 自然 系统 》， 它 介绍 了 如 
何 用 软件 工具 来 更 好 地 理解 自然 界 中 事物 
的 交互 方式 。 从 钟 摆 的 摆动 ， 到 其 间 粒 子 
不 断交 互 的 粒子 系统 ， 再 到 乌 群 繁殖 的 一 
般 模 式 ，Shiffman 利 用 动画 和 可 视 化 一 步 
步 市 我 们 轻松 理解 模拟 与 周围 世界 。 


一 一 谷歌 软件 工程 师 Luis Ib&éfiez 


很 多 编程 书 读 起 来 味 同 鄙 蜡 ， 大 多 
数 的 编程 课程 同样 枯燥 无 趣 。 这 本 书 却 是 
趣味 横生 。 每 一 章 都 快速 全 面 地 介绍 一 个 
有 趣 主 题 ， 而 这 些 主题 介绍 得 还 相当 深 
入 。 遗 传 算法 、 神 经 网 络 ， 等 等 ， 哇 ! 这 
些 主题 通常 一 个 束 需 要 至 少 一 本 书 的 篇 幅 
来 讲解 。 本 书 给 出 了 我 目前 所 知 最 深入 浅 
出 的 数学 解释 。 


一 一 一 位 从 事 编程 20 余 年 的 程序 员 


“2012 年 春天 ， 我 在 NYU ITP 读 研 
究 生 时 上 过 Daniel Shiffman 的 Nature of 
Code 课 ， 渐 进 式 学 习 了 他 讲授 的 全 部 内 
容 ， 现 在 重读 这 本 书 更 是 让 我 惊叹 。 我 会 
向 任何 对 运动 、 物 理 、 可 编程 艺术 、 游 戏 
等 感 兴 趣 的 人 强烈 推荐 这 本 书 。…… 总 
之 ， 这 本 书 绝对 值得 一 读 ， 所 有 艺术 家 
/设计 师 / 码 农 的 书架 上 都 应 该 有 一 本 ! 


一 一 纽约 大 学 Nature of Code 课 程 学 生 


“很 久 很 久 以 前 ， 我 在 Director 中 用 
Lingo 做 Shockwave 游 戏 编程 。 那 时 ， 我 
经 常 在 深夜 花费 大 量 时 间 ， 上 网 搜寻 关于 

转动 惯量 ”之 类 的 文章 ， 最 后 写 出 的 代 
码 经 单 是 超级 繁琐 而 且 缺 陷 很 多 。…… 而 
在 阅读 这 本 书 五 分 钟 之 后 ， 我 得 到 的 “ 啊 
哈 ， 原 来 应 该 这 么 实现 ”的 顿悟 ， 比 当初 
五 年 的 钻研 所 得 到 的 还 要 多 ! 


一 一 资深 Shockwave 游 戏 设 计 师 


伏 亿 本 位 用 编程 模拟 自 














怎么 通过 软件 捕捉 目 然 界 难以 捉 损 的 于 进 和 突变 ? 
理解 物理 世界 硼 后 的 数学 原理 对 我 们 创造 数字 世界 有 多 大 帮助 -? 


本 书 介 绍 了 用 计算 机 模拟 目 然 系统 涉及 的 编程 策略 与 技 
术 , 涵盖 了 基本 的 数学 和 物理 概念 ， 以 及 可 视 化 地 展示 模拟 
结果 所 需 的 高 级 算法 。 读 者 将 从 构建 基本 的 物理 引擎 开始 ， 
一 步 一 步 地 学 习 如 何 创 建 稍 能 移动 的 物体 和 复杂 的 系统 ， 为 
进一步 探索 生成 设计 葛 定 基础 。 相 关 的 知识 点 包括 力 < 三 
角 、 人 分形、 细胞 目 动 机 < 目 组 织 和 遗传 算法 。 本 书 的 示例 使 
用 基于 Java 的 开源 语言 及 开发 环境 Processing 编 写 。 本 书 网 
站 ( http://www.natureofcode.com )< 上 的 示例 是 在 浏览 器 中 通 
过 Processing 的 JavaScript 模 式 运 行 的 。 

作为 纽约 大 学 Tisch 艺 术 学 院 Nature ofCode 课 程 主 讲 老 
师 ， -Daniel 集 合 了 多 年 开发 和 教学 经 验 ， 和 希望 借 由 此 书 让 大 
家 真正 了 解 如 何 用 代码 模拟 目 然 现象 。 
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如 果 是 有 关 电 子 书 的 建议 或 问题 ， 请 联系 专用 客服 邮箱 : ebook@turingbook.com。 
在 这 里 可 以 找到 我 们 : 


微 博 @ 图 灵 教 育 : 好 书 、 活 动 每 日 播报 

微 博 @ 图 灵 社 区 : 电子 书 和 好 文章 的 消息 

微 博 @ 图 灵 新 知 : 图 灵 教 育 的 科普 小 组 

微 信 图 灵 访 谈 : ituring_interview， 讲 述 码 农 精 彩 人 生 
微 信 图 灵 教 育 : turingbooks 


